- Japan shizuoka
-
03:02
(UTC +09:00) - @Prog_VScode_Asmr_Naoki_JP
Popular repositories Loading
-
-
02-Rainbow-Loading-Page-Animation
02-Rainbow-Loading-Page-Animation Public templateレインボー ローディングページアニメーションを作りました。 前回のハートアニメーションは、HTMLを使って、アニメーションを作りましたが、今回は、CSSを使って、ローディングアニメーションを作成しました。誰でもできるので、作ってみて別にコードを張り付けても構いません。Youtubeでも、動画を投稿していますので、是非、下のリンクから見ていってください!
CSS
-
03-JS-Animated-Background-Effects
03-JS-Animated-Background-Effects PublicJavascript Animated Background Effectsを作りました。今回は、Javascriptを投入してみました。アニメーション・エフェクトは、Javascriptを投入することで、よりかっこいいアニメーション・エフェクトを作ることが出来ます。是非皆さんも作ってみてください!Youtube動画は、下のリンクから飛んで見てください。
CSS
-
04-Elastic-line-CSS-Animation
04-Elastic-line-CSS-Animation PublicElastic line CSS animationを作りました。今回のラインアニメーションは、8分かかりました。Youtubeの動画は、6分弱で、倍速1.5にしているんですけど、標準は8分かかりました。ライン制作で5分・アニメーションで2分・パーツ投入で1分でした。まぁ、前回の動画よりは、大変じゃないので、是非皆さんも、作ってみてください!Youtube動画は、下のリンクから飛んで見てください。
CSS
-
05-Glassmorphism-clock
05-Glassmorphism-clock PublicGlassmorphism clockを作りました。初めてデジタル時計を作りました。日付や時刻の午前・午後を日本語に修正しました。今回は、27分の制作でした。デジタル時計のパーツに約3分、デジタル時計にScript投入に約8分程度、CSS投入で16分かかりました。是日皆さんも作ってみてください!プログラミングの学習にもなります。Youtubeでの動画は、下のリンクから飛んで見てください。
CSS
-
06-Skeleton-loading-animation
06-Skeleton-loading-animation Public今回は、Skeleton loading animationを作りました。今回は、少し違うアニメーションで、サイトをリロードすると、画像が一時ロードに入ります。画像は、自分の好きな画像を入れ替えるって言うことも、可能です。 動画は、下のリンクからとんで、見てください。
CSS
If the problem persists, check the GitHub status page or contact support.