どうも!LSSです!!
もうすぐハロウィンですね。
…ハロウィンっていつだっけ?と、そもそものところで分かってなくて調べてみると
10/31だそうで。
ハロウィン向けのCSSネタを考えてみようかな?と思ったのですが…
割とろくでもないコード
<style>
@keyframes hlwna{
0%,100%{top:-100%;}
50%,90%{top:0%;}
}
.hlwn{
position:fixed;
left:0px;
z-index:100;
background-color:#880000;
width:100%;
height:100%;
animation:hlwna 30s ease 10s 1;
}
</style>
<div class="hlwn"> </div>
なんだか、ひどいものが出来てしまいました^^;
サンプルとして置くのもやめておきますし、使用も決してオススメはしませんが、このコードからどういう事が起こるかを推理してみるのはいいかもですね?w
ってなとこで、今回はこのへんで!
次回もまた、よろしくお願いします^^