wassname/cardsforscience
1
0
Fork 0
mirror of https://github.com/wassname/cardsforscience.git synced 2026-07-30 12:00:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve blinking and bring it to mobile.

Browse Source
This commit is contained in:
Kevin Dungs
2014-11-08 15:55:01 +01:00
parent 88ddebc980
commit 902ae22c4f
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+9 -1
View File
@@ -113,15 +113,23 @@ h1 br {
display: none !important;
}
/** Annoying blink effect to get user's attention. */
.blink {
animation: blinker 1.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
-webkit-animation: blinker 1.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
from { opacity: 1; }
to { opacity: 0.25; }
}
@-webkit-keyframes blinker {
from { opacity: 1; }
to { opacity: 0.25; background: #f00; }
to {
opacity: 0.25;
background: #f00;
border-color: #900;
}
}