michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 22:37:49 +00:00
Code Issues Projects Releases Wiki Activity

Tweak latest post highlight

Browse Source 
Tweak JS to work on a 2nd click, too. Tweak CSS for shorter highlight and linear transition.
This commit is contained in:
Philipp Oppermann
2015-10-06 00:17:22 +02:00
parent e24f30d86c
commit 427ad8dcf1
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
_sass/_layout.scss
View File

@@ -15,29 +15,30 @@ footer {
}
.updated {
-webkit-animation: fadeIt 3s ease-in-out;
-moz-animation: fadeIt 3s ease-in-out;
-o-animation: fadeIt 3s ease-in-out;
animation: fadeIt 3s ease-in-out;
border-radius: 5px;
-webkit-animation: fadeIt 1.5s linear;
-moz-animation: fadeIt 1.5s linear;
-o-animation: fadeIt 1.5s linear;
animation: fadeIt 1.5s linear;
}
@-webkit-keyframes fadeIt {
0% { background-color: #FFFFFF; }
15% { background-color: #ff7; }
15% { background-color: #ff9; }
100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
0% { background-color: #FFFFFF; }
15% { background-color: #ff7; }
15% { background-color: #ff9; }
100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
0% { background-color: #FFFFFF; }
15% { background-color: #ff7; }
15% { background-color: #ff9; }
100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
0% { background-color: #FFFFFF; }
15% { background-color: #ff7; }
15% { background-color: #ff9; }
100% { background-color: #FFFFFF; }
}