ivan-igorevich
/
bmstu-mt-wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shout animation for webkit enabled; prefixless transforms/transitions added

This commit is contained in:
Vadim Makeev 2011-04-07 12:56:37 +04:00
parent d28d2bb286
commit c842f5f8b4
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
styles/projection.css
View File

@ -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 {
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 {
} }
.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 {
-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;
} }