1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-23 01:30:01 +01:00

HAL needs a pulse

This commit is contained in:
Matthias Kretschmann 2013-12-08 15:56:10 +01:00
parent c96763f828
commit 8d3eed4407

View File

@ -27,7 +27,8 @@
margin: @line-height-computed auto;
text-align: center;
position: relative;
border: 5px solid #ccc;
border: 4px solid #ccc;
box-shadow: inset 0 0 10px #000;
// eye
&:before {
@ -37,10 +38,11 @@
.border-radius(100%);
display: block;
background: red;
box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red
box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red, 0 0 30px red, 0 0 40px red;
.animation(halpulse 7s infinite);
}
// lights
// gloss
&:after {
content: "";
position: absolute;
@ -51,18 +53,19 @@
left: 0;
top: 0;
background-image: linear-gradient(to bottom, rgba(255,255,255,.07) 0%, rgba(255,255,255,.07) 45%, rgba(255,255,255,0) 46%);
background-image: linear-gradient(to bottom, rgba(255,255,255,.07) 0%, rgba(255,255,255,.07) 40%, rgba(255,255,255,0) 41%);
.rotate(-60deg);
}
//
// &:after {
// content: "...";
// color: rgba(255,255,255,.4);
// position: absolute;
// left: 22%;
// top: -7%;
// text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 5px 0 rgba(255,255,255,.2), 0 10px 0 rgba(255,255,255,.1);
// letter-spacing: .7em;
// }
}
}
@-webkit-keyframes halpulse {
0% { opacity: 1 }
50% { opacity: .6 }
100% { opacity: 1 }
}
@keyframes halpulse {
0% { opacity: 1 }
50% { opacity: .6 }
100% { opacity: 1 }
}