make modified priority animation slightly better

This commit is contained in:
Felix Niklas 2015-01-21 16:52:16 +01:00
parent 72fb2907f3
commit 36d65462b0

View file

@ -1335,17 +1335,18 @@ ol.tabs li {
height: 6px; height: 6px;
border-radius: 100%; border-radius: 100%;
background: #2c2d36; background: #2c2d36;
will-change: opacity;
} }
.modified.priority.icon:after { .modified.priority.icon:after {
-webkit-animation: fade 1s ease 2s infinite alternate; -webkit-animation: fade 2s ease-in-out infinite;
-moz-animation: fade 1s ease 2s infinite alternate; -moz-animation: fade 2s ease-in-out infinite;
animation: fade 1s ease 2s infinite alternate; animation: fade 2s ease-in-out infinite;
} }
@-webkit-keyframes fade { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
@-moz-keyframes fade { from { opacity: 0 } to { opacity: 1 } } @-moz-keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
@keyframes fade { from { opacity: 0 } to { opacity: 1 } } @keyframes fade { from { opacity: 1 } 50% { opacity: 0 } to { opacity: 1 } }
.organization.icon { .organization.icon {
height: 13px; height: 13px;