#26 今週作ったCSSアニメーション 【ぴよぴよコーダーの開発日記】

今流行り？の区切りが斜めになっている表現が次々にスライドダウンしていくだけのアニメーション

斜めの表現には、css-separator-generator　というジェネレータを使いました。むしろ、このジェネレータ試したかったからアニメーション作ったという気もする。

テキストには特に意味はないです。工夫したところといえば、この斜め表現、四角を平行四辺形にしているにすぎないので、一辺だけを斜めにするために、before疑似要素で上に四角をかぶせて見えないようにしたところ。

後は、後ろにコンテンツが続く場合は、margin-top:100vhにしたところかな。