.logo
h1 CDNYC
View Compiled
@import url(https://fonts.googleapis.com/css?family=Roboto:100)
html,
body
width:100%
height:100%
overflow:hidden
html
background:#222
.logo
position:relative
width:300px
height:300px
margin:100px auto
text-align:center
animation:animate 3s infinite ease
@keyframes animate
0%
width:300px
50%
width:240px
.logo:before,.logo:after
position:absolute
content:''
width:200px
height:200px
top:50px
transform: rotate(45deg)
background:rgba(0,155,255,.05)
z-index:0
box-shadow: 0 0 0 1px white, 0 0 10px 1px teal, inset 0 0 10px 1px teal
.logo:before
left:35px
.logo:after
right:35px
.logo h1
z-index:100
line-height:300px
font-family:Roboto, Sans-Serif
letter-spacing:5px
font-size:40px
color:rgba(255,255,255,1)
text-shadow:0 0 6px rgba(0,255,255,1)
View Compiled
/********************************
https://twitter.com/Shak_Dizzle
http://instagram.com/shak_dizzle
http://dribbble.com/shakdaniel
********************************/
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.