m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

HAL needs a pulse

Browse Source
This commit is contained in:
Matthias Kretschmann 2013-12-08 15:56:10 +01:00
parent c96763f828
commit 8d3eed4407
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
_src/assets/less/404.less
View File

@ -27,7 +27,8 @@
margin: @line-height-computed auto; margin: @line-height-computed auto;
text-align: center; text-align: center;
position: relative; position: relative;
border: 5px solid #ccc; border: 4px solid #ccc;
box-shadow: inset 0 0 10px #000;
// eye // eye
&:before { &:before {
@ -37,10 +38,11 @@
.border-radius(100%); .border-radius(100%);
display: block; display: block;
background: red; 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 { &:after {
content: ""; content: "";
position: absolute; position: absolute;
@ -51,18 +53,19 @@
left: 0; left: 0;
top: 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); .rotate(-60deg);
} }
// }
// &:after {
// content: "..."; @-webkit-keyframes halpulse {
// color: rgba(255,255,255,.4); 0% { opacity: 1 }
// position: absolute; 50% { opacity: .6 }
// left: 22%; 100% { opacity: 1 }
// 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); @keyframes halpulse {
// letter-spacing: .7em; 0% { opacity: 1 }
// } 50% { opacity: .6 }
100% { opacity: 1 }
} }