今週のお題「爆発」
どうも!LSSです!!
はてなブログのお題「爆発」…にかこつけたCSS小ネタです^^
爆発しますよ
爆発しますよ
コード
<style>
@keyframes bkhta{
0%,70%{text-shadow:none;}
71%,100%{text-shadow:0px 0px 0px yellow,0px 0px 0px yellow,0px 0px 2px red;}
85%{text-shadow:0px 0px 30px orange,0px 0px 30px orange,0px 0px 60px red;}
}
.bkht{
font-size:200%;
animation:bkhta 5s linear 0s infinite;
}
</style>
<p><span class="bkht">爆発</span>しますよ</p>
keyframesアニメーションも慣れてくると
この程度のものなら即興で書けるようになってきましたw
↓何度か解説っぽい事をしていますので、詳しく知りたい方は参考にしてください^^
CSSでkeyframesのanimationをやってみた!
はてなブログのお題が…
「ドカンと一発」となっていましたが、そう言われると、
このゲームタイトルを連想してしまいますw
(タイムボカンシリーズの歴代の悪役メカから自分の機体を選び、歴代の善玉メカを破壊する、悪役主役なシューティングゲーム)
ってなとこで、今回はこのへんで!
次回もまた、よろしくお願いします^^