Update.
This commit is contained in:
parent
3602c74e7a
commit
faeddb97b5
|
@ -0,0 +1,24 @@
|
|||
---
|
||||
title: CSS animations
|
||||
layout: default
|
||||
---
|
||||
|
||||
animation: bounce 300ms linear 100ms infinite alternate-reverse;
|
||||
/* ^ ^ ^ ^ ^ ^
|
||||
name duration timing-function delay count direction */
|
||||
|
||||
# Example:
|
||||
animation: bounce 300ms linear 0s infinite normal;
|
||||
animation: bounce 300ms linear infinite;
|
||||
animation: bounce 300ms linear infinite alternate-reverse;
|
||||
|
||||
animation-name: bounce;
|
||||
animation-delay: 100ms;
|
||||
animation-duration: 300ms;
|
||||
animation-direction: normal | reverse | alternate | alternate-reverse;
|
||||
animation-iteration-count: infinite | <number>;
|
||||
animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out;
|
||||
|
||||
### Event
|
||||
|
||||
.one('webkitAnimationEnd oanimationend msAnimationEnd animationend')
|
21
css.md
21
css.md
|
@ -48,27 +48,6 @@ Background
|
|||
background-attachment: scroll | fixed | local;
|
||||
background: url(x), url(y); /* multiple (IE9+) */
|
||||
|
||||
Animations
|
||||
----------
|
||||
|
||||
### Shorthand
|
||||
|
||||
animation: bounce 300ms linear 100ms infinite alternate-reverse;
|
||||
/* ^ ^ ^ ^ ^ ^
|
||||
name duration timing-function delay count direction */
|
||||
|
||||
# Example:
|
||||
animation: bounce 300ms linear 0s infinite normal;
|
||||
animation: bounce 300ms linear infinite;
|
||||
animation: bounce 300ms linear infinite alternate-reverse;
|
||||
|
||||
animation-name: bounce;
|
||||
animation-delay: 100ms;
|
||||
animation-duration: 300ms;
|
||||
animation-direction: normal | reverse | alternate | alternate-reverse;
|
||||
animation-iteration-count: infinite | <number>;
|
||||
animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out;
|
||||
|
||||
Webkit extensions
|
||||
-----------------
|
||||
|
||||
|
|
|
@ -5,9 +5,10 @@ layout: default
|
|||
|
||||
$ http POST example.com/posts/3 \
|
||||
Origin:example.com # : HTTP headers
|
||||
name="John Doe" \ # = JSON data
|
||||
q=="search" \ # == URL parameters
|
||||
name="John Doe" \ # = string
|
||||
q=="search" \ # == URL parameters (?q=search)
|
||||
age:=29 \ # := for non-strings
|
||||
list:='[1,3,4]' # := json
|
||||
token=@token.txt \ # =@ read from file (text)
|
||||
user:=@user.json \ # :=@ read from file (json)
|
||||
|
||||
|
|
11
less.md
11
less.md
|
@ -1,4 +1,13 @@
|
|||
---
|
||||
title: Less
|
||||
title: Less.js
|
||||
layout: default
|
||||
---
|
||||
|
||||
### Functions
|
||||
|
||||
unit(30px / 5px) #=> 6
|
||||
unit(5, px) #=> 5px
|
||||
|
||||
e("ms:stuff()") #=> ms:stuff() (unquote)
|
||||
|
||||
%("count: %d", 1+2) #=> "count: 3"
|
||||
|
|
Loading…
Reference in New Issue