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-attachment: scroll | fixed | local;
|
||||||
background: url(x), url(y); /* multiple (IE9+) */
|
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
|
Webkit extensions
|
||||||
-----------------
|
-----------------
|
||||||
|
|
||||||
|
|
|
@ -5,9 +5,10 @@ layout: default
|
||||||
|
|
||||||
$ http POST example.com/posts/3 \
|
$ http POST example.com/posts/3 \
|
||||||
Origin:example.com # : HTTP headers
|
Origin:example.com # : HTTP headers
|
||||||
name="John Doe" \ # = JSON data
|
name="John Doe" \ # = string
|
||||||
q=="search" \ # == URL parameters
|
q=="search" \ # == URL parameters (?q=search)
|
||||||
age:=29 \ # := for non-strings
|
age:=29 \ # := for non-strings
|
||||||
|
list:='[1,3,4]' # := json
|
||||||
token=@token.txt \ # =@ read from file (text)
|
token=@token.txt \ # =@ read from file (text)
|
||||||
user:=@user.json \ # :=@ read from file (json)
|
user:=@user.json \ # :=@ read from file (json)
|
||||||
|
|
||||||
|
|
11
less.md
11
less.md
|
@ -1,4 +1,13 @@
|
||||||
---
|
---
|
||||||
title: Less
|
title: Less.js
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
|
### Functions
|
||||||
|
|
||||||
|
unit(30px / 5px) #=> 6
|
||||||
|
unit(5, px) #=> 5px
|
||||||
|
|
||||||
|
e("ms:stuff()") #=> ms:stuff() (unquote)
|
||||||
|
|
||||||
|
%("count: %d", 1+2) #=> "count: 3"
|
||||||
|
|
|
@ -64,7 +64,7 @@ layout: default
|
||||||
process.stdout.write('...');
|
process.stdout.write('...');
|
||||||
process.stderr.write('...');
|
process.stderr.write('...');
|
||||||
|
|
||||||
function readStdin(fn) {
|
function stdin(fn) {
|
||||||
process.stdin.resume(); /* paused by default */
|
process.stdin.resume(); /* paused by default */
|
||||||
process.stdin.setEncoding('utf8');
|
process.stdin.setEncoding('utf8');
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue