Permalink
Browse files

disabled color cycling animation

  • Loading branch information...
1 parent 877ed40 commit f65c4b9b98be681aed27ab0eb6c4ac994f93a247 @dmotz committed Nov 29, 2012
Showing with 27 additions and 22 deletions.
  1. +14 −16 demo/demo.css
  2. +1 −2 demo/demo.js
  3. +12 −4 demo/demo.styl
View
@@ -80,6 +80,10 @@ header .rotation {
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
+header .rotation:hover .demo1 {
+ color: #3fffed !important;
+ border-color: #3fffed !important;
+}
header > h3 {
display: inline-block;
font-size: 1rem;
@@ -238,21 +242,11 @@ pre {
-webkit-background-size: 21.875rem;
-moz-background-size: 21.875rem;
background-size: 21.875rem;
- -webkit-animation: colors 7s ease-out 5s;
- -moz-animation: colors 7s ease-out 5s;
- -o-animation: colors 7s ease-out 5s;
- -ms-animation: colors 7s ease-out 5s;
- animation: colors 7s ease-out 5s;
- -webkit-animation-direction: alternate;
- -moz-animation-direction: alternate;
- -o-animation-direction: alternate;
- -ms-animation-direction: alternate;
- animation-direction: alternate;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
- -o-animation-iteration-count: infinite;
- -ms-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
+ -webkit-transition: color 0.5s, border-color 0.5s;
+ -moz-transition: color 0.5s, border-color 0.5s;
+ -o-transition: color 0.5s, border-color 0.5s;
+ -ms-transition: color 0.5s, border-color 0.5s;
+ transition: color 0.5s, border-color 0.5s;
}
.demo1 > h1 {
text-transform: uppercase;
@@ -440,7 +434,7 @@ p {
#caveats ul li span code {
font-style: normal;
}
-@media only screen and (max-width: 730px), only screen and (max-device-width : 480px) {
+@media only screen and (max-width: 970px), only screen and (max-device-width : 480px) {
.menu {
-webkit-transform: translate3d(-200px, 0, 0);
-moz-transform: translate3d(-200px, 0, 0);
@@ -463,6 +457,10 @@ p {
-ms-animation: none !important;
animation: none !important;
}
+ header .rotation:hover .demo1 {
+ color: #eee !important;
+ border-color: #eee !important;
+ }
}
@-moz-keyframes swivel {
0% {
View
@@ -34,8 +34,7 @@ function init(){
domi4.accordion(-50);
domi5.curl(-60, 1);
}, 3000);
-
-
+
demo6.addEventListener('click', function(){
domi6.isFoldedUp ? domi6.reset() : domi6.foldUp();
}, false);
View
@@ -68,6 +68,10 @@ header
animation-iteration-count: infinite
transform-style: preserve-3d
+ &:hover .demo1
+ color: #3fffed !important
+ border-color: #3fffed !important
+
> h3
display: inline-block
font-size: 1rem
@@ -218,9 +222,7 @@ pre
margin-bottom: 2.5rem
background-image: url('./images/1.jpg')
background-size: 21.875rem
- animation: colors 7s ease-out 5s
- animation-direction: alternate
- animation-iteration-count: infinite
+ transition: color .5s, border-color .5s
> h1
text-transform: uppercase
@@ -437,13 +439,19 @@ p
-@media only screen and (max-width: 730px), only screen and (max-device-width : 480px)
+@media only screen and (max-width: 970px), only screen and (max-device-width : 480px)
.menu
transform: translate3d(-200px, 0, 0)
+
.fold-me
transform: translate3d(200px, 0, 0)
+
.rotation, .demo1
animation: none !important
+
+ header .rotation:hover .demo1
+ color: #eee !important
+ border-color: #eee !important

0 comments on commit f65c4b9

Please sign in to comment.