Popular repositories

1. 01-Heart-animation 01-Heart-animation Public

   ハートアニメーションを作りました。今回は、HTML - スタイルタグだけで、作成しました。

   HTML

2. 02-Rainbow-Loading-Page-Animation 02-Rainbow-Loading-Page-Animation Public template

   レインボー ローディングページアニメーションを作りました。 前回のハートアニメーションは、HTMLを使って、アニメーションを作りましたが、今回は、CSSを使って、ローディングアニメーションを作成しました。誰でもできるので、作ってみて別にコードを張り付けても構いません。Youtubeでも、動画を投稿していますので、是非、下のリンクから見ていってください！

   CSS

3. 03-JS-Animated-Background-Effects 03-JS-Animated-Background-Effects Public

   Javascript Animated Background Effectsを作りました。今回は、Javascriptを投入してみました。アニメーション・エフェクトは、Javascriptを投入することで、よりかっこいいアニメーション・エフェクトを作ることが出来ます。是非皆さんも作ってみてください！Youtube動画は、下のリンクから飛んで見てください。

   CSS

4. 04-Elastic-line-CSS-Animation 04-Elastic-line-CSS-Animation Public

   Elastic line CSS animationを作りました。今回のラインアニメーションは、８分かかりました。Youtubeの動画は、６分弱で、倍速1.5にしているんですけど、標準は８分かかりました。ライン制作で5分・アニメーションで2分・パーツ投入で1分でした。まぁ、前回の動画よりは、大変じゃないので、是非皆さんも、作ってみてください！Youtube動画は、下のリンクから飛んで見てください。

   CSS

5. 05-Glassmorphism-clock 05-Glassmorphism-clock Public

   Glassmorphism clockを作りました。初めてデジタル時計を作りました。日付や時刻の午前・午後を日本語に修正しました。今回は、27分の制作でした。デジタル時計のパーツに約3分、デジタル時計にScript投入に約8分程度、CSS投入で16分かかりました。是日皆さんも作ってみてください！プログラミングの学習にもなります。Youtubeでの動画は、下のリンクから飛んで見てください。

   CSS

6. 06-Skeleton-loading-animation 06-Skeleton-loading-animation Public

   今回は、Skeleton loading animationを作りました。今回は、少し違うアニメーションで、サイトをリロードすると、画像が一時ロードに入ります。画像は、自分の好きな画像を入れ替えるって言うことも、可能です。 動画は、下のリンクからとんで、見てください。

   CSS