<head><meta charset='UTF-8'>
<link href='http://fonts.googleapis.com/css?family=Play&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<style>body{
<link href='http://fonts.googleapis.com/css?family=Play&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
font-family: 'Play', sans-serif;
background:#FFFFFF;
color:#0088CB;
text-align:center;
}
h1{
font-family: 'Play', sans-serif;
position:absolute; top:5px; bottom:5px; left:5px; right:5px;
margin:auto; height:20px; width:100px;
-webkit-animation: floating-text 2s ease alternate infinite;
-moz-animation: floating-text 2s ease alternate infinite;
-ms-animation: floating-text 2s ease alternate infinite;
-o-animation: floating-text 2s ease alternate infinite;
animation: floating-text 2s ease alternate infinite;
}
p{
color:rgba(255,255,255,.5);
position:absolute;
width:100%;
bottom:10em;
font-weight:100;
}
a{
text-decoration:none;
color:#0088CB;
}
@-webkit-keyframes floating-text {
0% {
-webkit-transform: translateY(.1em);
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .3em .2em rgba(0,0,0,.3);
}
100% {
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .5em .5em rgba(0,0,0,.3);
}
}
@-moz-keyframes floating-text {
0% {
-moz-transform: translateY(.1em);
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .3em .2em rgba(0,0,0,.3);
}
100% {
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .5em .5em rgba(0,0,0,.3);
}
}
@-ms-keyframes floating-text {
0% {
-ms-transform: translateY(.1em);
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .3em .2em rgba(0,0,0,.3);
}
100% {
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .5em .5em rgba(0,0,0,.3);
}
}
@-o-keyframes floating-text {
0% {
-o-transform: translateY(.1em);
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .3em .2em rgba(0,0,0,.3);
}
100% {
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .5em .5em rgba(0,0,0,.3);
}
}
@keyframes floating-text {
0% {
transform: translateY(.1em);
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .3em .2em rgba(0,0,0,.3);
}
100% {
text-shadow:0 0 .5em rgba(255,255,255,.4),
0 0 .2em rgba(0,0,0,.3),
0 .5em .5em rgba(0,0,0,.3);
}
}</style></head><body>
<h1>#тест</h1>
<script>//@ sourceURL=pen.js
</script>
</style></head>
</body></html>
