CSS 動かして覚えるFlexbox！簡単に動作チェックできるプログラムを作成しました
こんにちは、素人エンジニアです。cssのflexboxを使おうと思った時に、毎回調べていた人もいるのではないでしょうか？（私のことです。）そんな人(私)のために、flexboxの動作を簡単にチェックできるプログラムを作りました。動かして覚え...
CSS
CSS 
CSS 【CSS】晴れの日のアニメーション Beautiful Sunny Day
こんにちは、素人エンジニアです。今年(2021年)のゴールデンウィークは緊急事態宣言で、外に遊びに行けません。また、あまり天気も良くないみたいです。それなら、めっちゃ晴れた日のアニメーション作ろう！と思って、晴れのアニメーションをcssだけ...
CSS 角の丸い三角形をCSSのみで作る方法
こんにちは、素人エンジニアです。Webサイトで「三角形」を作るには、borderプロパティを使う方法があります。この方法はとても簡単なのですが、どうしても角ばった図形になってしまいます。では、角の丸い三角形はどうやったら作成できるのでしょう...
CSS [CSS] 桜の花びらが散るアニメーション
こんにちは、素人エンジニアです。cssだけで、桜の花びらが散るアニメーションを作りました。コピペで使ってくださいな。さくらひらひら↓HTMLとCSSをクリックするとコードが表示されます。 See the Pen さくらひらひら by ama...
CSS [CSS] 葉っぱがひらひら落ちるアニメーション
cssだけで、葉っぱがひらひら落ちるアニメーションを作りました。コピペで使ってください！
CSS 【CSS】水滴が落ちて波紋が広がるアニメーション
こんにちは、素人エンジニアです。水滴が水面に落ちて、波紋が広がっていくアニメーションを作成しました。コピペで使ってください！ See the Pen 水滴が落ちて波紋が広がる by amateur-engineer (@amaeng) on...
CSS 【CSS】@keyframesとanimationでアニメーションの設定
こんにちは、素人エンジニアです。cssでアニメーションを設定する方法を紹介します！animationと@keyframesを使って動きや変化のあるデザインを作りましょう。CSSアニメーションのサンプルどきどきハートです。@keyframes...
CSS [CSS] ハートの形（borderでもOK）
ハートの作り方を紹介しています。borderで作る方法についても書いていま。ぜひコピペで使ってください。
CSS [CSS] 半円の作り方
こんにちは、素人エンジニアです。cssだけを使って半円を作る方法を紹介しています。コピペで使ってください！
CSS [CSS] しずくの形（雨粒の形）
こんにちは、素人エンジニアです。cssだけで、しずくの形を作りました。コピペで使ってください。