2018.07.09
たまに「MOJA net」のトップページを開いたときの、アイコンがふわふわ浮いているアニメーションはどうやって作るのか聞かれる事があるので、今回はその仕組みを解説しようと思います。 有名なところだと「jqFloat.js」などJavaScriptで作るプラグイン等もあるのですが、私は単純にCSSのみで再現しております。 では、まずソースから見ていきましょう。 HTML CSS #balloon{ width:3vw; height:4vw; fill:#60B99A; animation: 3.5s Rol