diff options
author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
---|---|---|
committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css | |
parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css')
-rw-r--r-- | tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css new file mode 100644 index 00000000000..44e3ad9cbde --- /dev/null +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/support/animations.css @@ -0,0 +1,80 @@ +/* Duration classes */ + +.once { + animation-duration: 2s; + animation-timing-function: linear; + animation-iteration-count: 1; +} + +.infinite { + animation-duration: 2s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} + +.infinite-reversed { + animation-duration: 2s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +.fast { + animation-duration: 0.5s; +} + +/* Animation declarations */ + +@keyframes pulse { + from { + opacity: 1; + } + to { + opacity: 0.25; + } +} + +@keyframes spin { + from { + transform: rotateY(0); + } + to { + transform: rotateY(360deg); + } +} + +@keyframes rotate { + from { + transform: rotateZ(45deg); + } + to { + transform: rotateZ(405deg); + } +} + +@keyframes slant { + from { + transform: rotate3d(0.23, 1.2, 0.83, 40deg); + } + to { + transform: rotate3d(1, 0.75, 1.3, 240deg); + } +} + +/* Animation classes */ + +.pulse { + animation-name: pulse; +} + +.spin { + animation-name: spin; +} + +.rotate { + animation-name: rotate; +} + +.slant { + animation-name: slant; +}
\ No newline at end of file |