2016どうも、僕です。今週の気になったCSS・JSエフェクト紹介してきます。頑張って毎週更新できるようにしていこうと思うので時間ある方は毎週チェックしてってください。CodePen.右から文字がスライドしてくるエフェクトですが、全てCSSアニメーションを使って実装されているのでJSを書く必要はないですね。したアニメーションを加えたい時に使えそうなエフェクトです。CodePen.今流行りのSVGを使用してアニメーションでローディングを実装しています。SVGノパスニタイシテCSSアニメーションを指定する方法でアニメーションさせてるためJSを書く必要なしです。シンプルなWebサイトにもってこいのエフェクトです。CodePen.色使いやフォントの使い方がオシャレなのでピックアップしました。背景画像は自分のを用意しないといけませんが、他のはコピペで再現できるので簡単に再現できます。CodePen.またまたローディングですが、SVGを使用せずにCSSのみで実装されているのが先ほどと違いますね。ソースコードはSassで描かれているため初心者には難易度高めですがこれを機に勉強しちゃいましょう。CodePen.こちらはUIデザインの参考になるかなと思いピックアップしました。背景に画像を使用してその上にbグラデーションの背景を重ねています。フォームの要素もすくなくシンプルにまとめられているのがポイントですね。以上今週の気になったCSS・JSエフェクトまとめでした。よかったらシェアお願いしまーす。よろしければシェアをお願いします。デザインからフロントエンドを主に担当しています。休日はNetflixを見ながら過ごしています。【UI,UX】なぜプロフィール画像は円形の方がいいのか?【WordPress】バージョン4.5にアップデートしたらa[href^=#]のエラーが出たので対処しました。YamashitaTop。