つまりはこんな感じのやつです↓ demo page CSSの中でも覚えるとかなりデザインを操れるようになる「border」についてです。「border」では「線の種類」「線の幅」「線の色」を変更できます。その上、上下左右を別々に指定できるので便利です … 斜めのストライプとかじゃなくて、ブロックごと全体的に斜めにして背景を傾かせる方法です。プラグインは使わずに、cssのみで実装してます。 デモ. 小気味よいアニメーションを用いたWebサイトを国内でも多く見かけるようになってきました。CSS3により画像編集やFlashが減りメンテナンス性も向上しています。2015年もアニメーションを取り入れる …

See the Pen Animated Ripples background by Vaibhav Arora (@vaibhavarora) on CodePen. 斜め線アニメーション背景CSS. 三角形ループアニメーション背景CSS.

CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し（もう5年前の記事だ）のようにborderプロパティーを使って頑張るしかなかったわけだ。今はlinear-gradient()があるので直感的に作ることができるようになった。 See the Pen Sépion CSS background animation 2 by Sépion on CodePen. 波紋風アニメーション背景CSS.