Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
9 Cards in this Set
- Front
- Back
|
define keyframes with from-to
|
@keyframes myAnimation { from { background: white; } to { background: black; } }
|
|
|
define keyframes with percentage
|
@keyframes myAnimation { 0% { background: white; } 10% { background: red; } 25% { background: yellow; } 50% { background: blue; } 100% { background: black; } }
|
|
|
use animation property to trigger the animation
|
#animElement { animation: myAnimation 2s; }
|
|
|
css style media query that only applies if device is n or less
|
@media (max-width: 600px) { #header { display: none; } } // n being 600px;
|
|
|
common non-device media queries
|
min-device-height,max-device-height,min-device-width,max-device-width,min-height,max-height,min-width,max-width,orientation,min-resolution, max-resolution
|
|
|
media specific types
|
all, aural, braille, handheld, print, projection, screen, tty, tv, embossed
|
|
|
css style media query for between n and n
|
@media screen and (min-width: 500px) and (max-width: 900px) { … }
|
|
|
disable control with jquery
|
$("#myInput").prop("disabled", true);
|
|
|
select all of an element type with jquery
|
$(“p”);
|
