css/impact-transition: add initial delay, slower

This commit is contained in:
Thomas Gelf 2014-05-20 15:19:00 +00:00
parent ad91c420a0
commit 4a2074f250
2 changed files with 12 additions and 12 deletions

View File

@ -28,16 +28,16 @@
#col1.impact, #col2.impact, #col3.impact { #col1.impact, #col2.impact, #col3.impact {
background-color: #ddd; background-color: #ddd;
transition: background-color 0.5s linear; transition: background-color 2s 1s linear;
-moz-transition: background-color 1.5s linear; -moz-transition: background-color 2s 1s linear;
-o-transition: background-color 1.5s linear; -o-transition: background-color 2s 1s linear;
-webkit-transition: background-color 1.5s linear; -webkit-transition: background-color 2s 1s linear;
.controls { .controls {
background-color: #ddd; background-color: #ddd;
transition: background-color 0.5s linear; transition: background-color 2s 1s linear;
-moz-transition: background-color 1.5s linear; -moz-transition: background-color 2s 1s linear;
-o-transition: background-color 1.5s linear; -o-transition: background-color 2s 1s linear;
-webkit-transition: background-color 1.5s linear; -webkit-transition: background-color 2s 1s linear;
} }
} }

View File

@ -57,10 +57,10 @@ ul.tabs li.active a, ul.tabs li.dropdown:hover a, ul.tabs li.dropdown.hover a {
.impact ul.tabs li.active a, .impact ul.tabs li.dropdown:hover, .impact ul.tabs li.dropdown.hover a { .impact ul.tabs li.active a, .impact ul.tabs li.dropdown:hover, .impact ul.tabs li.dropdown.hover a {
background-color: #ddd; background-color: #ddd;
transition: background-color 0.5s linear; transition: background-color 2s 1s linear;
-moz-transition: background-color 1.5s linear; -moz-transition: background-color 2s 1s linear;
-o-transition: background-color 1.5s linear; -o-transition: background-color 2s 1s linear;
-webkit-transition: background-color 1.5s linear; -webkit-transition: background-color 2s 1s linear;
} }
ul.tabs li a:hover { ul.tabs li a:hover {