Skip to content

M
my-cucumbers-ru-github-io
Commit c842f5f8 authored by Vadim Makeev's avatar Vadim Makeev
Browse files
Options

shout animation for webkit enabled; prefixless transforms/transitions added

parent d28d2bb2
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 0 deletions
styles/projection.css
View file @ c842f5f8
...@@ -273,6 +273,8 @@ A { ...@@ -273,6 +273,8 @@ A {
-ms-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);
-o-transform-origin:50% 0; -o-transform-origin:50% 0;
-o-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);
transform-origin:50% 0;
transform:translate(-50%, 0);
} }
.slide.back:after { .slide.back:after {
content:''; content:'';
...@@ -290,12 +292,16 @@ A { ...@@ -290,12 +292,16 @@ A {
text-align:center; text-align:center;
font-size:4em; font-size:4em;
opacity:0; opacity:0;
-webkit-transform:scale(0.1) translate(0, 2em);
-webkit-transition:all 0.8s ease-out;
-moz-transform:scale(0.1) translate(0, 2em); -moz-transform:scale(0.1) translate(0, 2em);
-moz-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out;
-ms-transform:scale(0.1) translate(0, 2em); -ms-transform:scale(0.1) translate(0, 2em);
-ms-transition:all 0.8s ease-out; -ms-transition:all 0.8s ease-out;
-o-transform:scale(0.1) translate(0, 2em); -o-transform:scale(0.1) translate(0, 2em);
-o-transition:all 0.8s ease-out; -o-transition:all 0.8s ease-out;
transform:scale(0.1) translate(0, 2em);
transition:all 0.8s ease-out;
} }
.slide.shout ARTICLE A { .slide.shout ARTICLE A {
margin:0; margin:0;
...@@ -305,9 +311,11 @@ A { ...@@ -305,9 +311,11 @@ A {
} }
.slide.shout:target ARTICLE H2 { .slide.shout:target ARTICLE H2 {
opacity:1; opacity:1;
-webkit-transform:scale(1) translate(0, 0);
-moz-transform:scale(1) translate(0, 0); -moz-transform:scale(1) translate(0, 0);
-ms-transform:scale(1) translate(0, 0); -ms-transform:scale(1) translate(0, 0);
-o-transform:scale(1) translate(0, 0); -o-transform:scale(1) translate(0, 0);
transform:scale(1) translate(0, 0);
} }
.slide.shout:before { .slide.shout:before {
display:none; display:none;
...@@ -339,4 +347,5 @@ A { ...@@ -339,4 +347,5 @@ A {
-webkit-transition:width 0.2s linear; -webkit-transition:width 0.2s linear;
-moz-transition:width 0.2s linear; -moz-transition:width 0.2s linear;
-o-transition:width 0.2s linear; -o-transition:width 0.2s linear;
transition:width 0.2s linear;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment