Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

先日のCSS Niteで好評だったキラキラ✨カードアニメーションの作り方とコードを公開します。 1. conic-gradientでグラデーション 2. propertyでグラデーションの開始角度をアニメーション 3. background-clipとbackground-originでborder部分だけグラデーション 4. 完成デザインは Eri Matsushita 松下絵梨が作ってくださいました。 #イマドキCSS

鹿野壮 Takeshi Kano

19,845 subscribers

38,401 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji Sanat Eğitim

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

「楽しいUIアニメーション」という名前でYouTubeチャンネルを開設しました。ちょっとずつ、CSSアニメーションで作ったものや、CSSアニメーションの楽しさを発信していければと思っているでよければ見ていただけたら嬉しいです。

「楽しいUIアニメーション」という名前でYouTubeチャンネルを開設しました。ちょっとずつ、CSSアニメーションで作ったものや、CSSアニメーションの楽しさを発信していければと思っているでよければ見ていただけたら嬉しいです。

yui540

179,104 görüntüleme • 8 ay önce

アクリル画を描いていると「グラデーションむずっ！」と、よく感じます。アナログ絵描きの方で、同じように感じている方もい多いのではと思い、これまで失敗を繰り返して学んだ、滑らかなグラデーションのために意識しているポイントを書いていきます。少しでも参考にしていただけたら嬉しいです続>

アクリル画を描いていると「グラデーションむずっ！」と、よく感じます。アナログ絵描きの方で、同じように感じている方もい多いのではと思い、これまで失敗を繰り返して学んだ、滑らかなグラデーションのために意識しているポイントを書いていきます。少しでも参考にしていただけたら嬉しいです続>

TAKUYA YONEZAWA ｜画家

723,454 görüntüleme • 6 ay önce

Studioでパララックススクロールを実装してみました💡 コードに関しては完全に素人ですが、先日開催された #朝までマークアップ（CSS Nite）のあしざわさん（あしざわ - Webクリエイター）のセッションを拝見して、CSSだけで実装できると知ったので、配布いただいたコードを基にChatGPTで調整したところ、それらしき形までたどり着くことができました😃 それを取っかかりにして他のスクロールアニメーションも試してみています💡 ブラッシュアップしてちゃんと使えるようにしたい📝 #withStudio

Studioでパララックススクロールを実装してみました💡 コードに関しては完全に素人ですが、先日開催された #朝までマークアップ（CSS Nite）のあしざわさん（あしざわ - Webクリエイター）のセッションを拝見して、CSSだけで実装できると知ったので、配布いただいたコードを基にChatGPTで調整したところ、それらしき形までたどり着くことができました😃 それを取っかかりにして他のスクロールアニメーションも試してみています💡 ブラッシュアップしてちゃんと使えるようにしたい📝 #withStudio

中島健太郎／Studio Experts／LEARNED Inc.

15,958 görüntüleme • 1 yıl önce

CSSだけでスクロール連動アニメーションを作れる Scroll-driven Animations のジェネレーターを作りました。設定を変えると、プレビューとCSSが一緒に変わります。現在開いているブラウザが対応しているかもでます！ #CSS

CSSだけでスクロール連動アニメーションを作れる Scroll-driven Animations のジェネレーターを作りました。設定を変えると、プレビューとCSSが一緒に変わります。現在開いているブラウザが対応しているかもでます！ #CSS

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro

55,672 görüntüleme • 1 ay önce

今日は緑の悪魔のアニメ制作をご協力くださったお方への御礼として作らせて頂いた二人のリンクのアニメの一部を置いておきます長らくかかってしまいましたがこの様な物でもそのお方が喜んで頂けると幸いです完全版はpixivFANBOXで公開出来ればと思っておりますので、しばしお時間をお許しください。

今日は緑の悪魔のアニメ制作をご協力くださったお方への御礼として作らせて頂いた二人のリンクのアニメの一部を置いておきます長らくかかってしまいましたがこの様な物でもそのお方が喜んで頂けると幸いです完全版はpixivFANBOXで公開出来ればと思っておりますので、しばしお時間をお許しください。

WAリでし♀

23,343 görüntüleme • 1 yıl önce

【3月8日まで｜デザインの先生】ご好評いただいております本展は、3月8日までの開催です。信念と希望を胸に時代の先を探り、社会の新たな局面をもたらした「デザインの先生」たちにぜひ会場で出会ってください。

【3月8日まで｜デザインの先生】ご好評いただいております本展は、3月8日までの開催です。信念と希望を胸に時代の先を探り、社会の新たな局面をもたらした「デザインの先生」たちにぜひ会場で出会ってください。

21_21 DESIGN SIGHT

10,433 görüntüleme • 5 ay önce

「Azur」アストロオーブを使って満天の星が輝く宇宙を作ってみました✨ 2週間程家をお借りして崩す予定だったので一日制作クオリティー＆狭いですが、崩さずにそのまま公開していただけることになったので良ければお越しください！ ※住所はリプツリー #FF14ハウジング #FF14Housing #Z工務店

「Azur」アストロオーブを使って満天の星が輝く宇宙を作ってみました✨ 2週間程家をお借りして崩す予定だったので一日制作クオリティー＆狭いですが、崩さずにそのまま公開していただけることになったので良ければお越しください！ ※住所はリプツリー #FF14ハウジング #FF14Housing #Z工務店

Z'zzz/Bismarck&Chocobo&Seraph鯖

78,439 görüntüleme • 1 yıl önce

GoogleがリリースしたGeminiの新機能で ”AI絵本”を今だけ無限に作ることができます！ ①Geminiにアクセス ②「Storybooks」を選択 ③ある文章を入力たったこれだけで絵本を1分で作れちゃいます！このやり方とマネタイズする方法をまとめたのでほしい人はいいねと「絵本」ってリプして

GoogleがリリースしたGeminiの新機能で ”AI絵本”を今だけ無限に作ることができます！ ①Geminiにアクセス ②「Storybooks」を選択 ③ある文章を入力たったこれだけで絵本を1分で作れちゃいます！このやり方とマネタイズする方法をまとめたのでほしい人はいいねと「絵本」ってリプして

おさけ|AIすき。

12,529 görüntüleme • 11 ay önce

グラデーションを作るだけの簡単ゲームの新マップを先ほど追加しました。まだまだサーバー費用で大赤字ですが根強いファンの方も居らっしゃるようなのでがんばります！ ※なお沼です #WorldSweeper #gamedev

グラデーションを作るだけの簡単ゲームの新マップを先ほど追加しました。まだまだサーバー費用で大赤字ですが根強いファンの方も居らっしゃるようなのでがんばります！ ※なお沼です #WorldSweeper #gamedev

つーき／つーき制作所

29,850 görüntüleme • 1 ay önce

最近、タイムラインで見かけた素敵なサイト「Gradient Builder」形状、背景、色彩などを選択して、様々なグラデーションを作ることができる。アニメーションがすごく素敵だ！作ったグラデーションは、Webサイトの背景などに採用すると面白そう！

最近、タイムラインで見かけた素敵なサイト「Gradient Builder」形状、背景、色彩などを選択して、様々なグラデーションを作ることができる。アニメーションがすごく素敵だ！作ったグラデーションは、Webサイトの背景などに採用すると面白そう！

せきゆおう🇯🇵Web制作とAIのことを発信する人

68,507 görüntüleme • 1 ay önce

ぽこあポケモンでデスノートの「1秒以上の間隔を開けずに4回引くと底の部分がスライドする時計」を再現してみました！1～3回押すだけだったり、ゆっくり押しただけの場合は作動しません！ギミックの仕組みはリプ欄の動画で解説しているのでぜひご覧ください！

ぽこあポケモンでデスノートの「1秒以上の間隔を開けずに4回引くと底の部分がスライドする時計」を再現してみました！1～3回押すだけだったり、ゆっくり押しただけの場合は作動しません！ギミックの仕組みはリプ欄の動画で解説しているのでぜひご覧ください！

だいふく

470,045 görüntüleme • 3 ay önce

新しめのCSSの @starting-style が最近のお気に入り。便利さを知ってほしくて、解説ビデオを作ってみました。はじめてYouTubeっぽく作ってみたのですが、恥ずかしいですね（笑）本編はYouTubeで公開したので、ぜひご覧ください！

新しめのCSSの @starting-style が最近のお気に入り。便利さを知ってほしくて、解説ビデオを作ってみました。はじめてYouTubeっぽく作ってみたのですが、恥ずかしいですね（笑）本編はYouTubeで公開したので、ぜひご覧ください！

池田泰延

36,769 görüntüleme • 7 ay önce

前作に続きCOCO先生のイラストでジャンヌ・オルタを作りました! 基本イラストにいろいろなアレンジが入った部分許してくれてありがとうございました^^ 今回完成品もMOEさんが素敵なグラデーションで表現していただきました！写真で感じにくい部分はWF現場で是非実物でご覧ください!!! #WF2026冬 #FGO #ジャンヌ・オルタ

前作に続きCOCO先生のイラストでジャンヌ・オルタを作りました! 基本イラストにいろいろなアレンジが入った部分許してくれてありがとうございました^^ 今回完成品もMOEさんが素敵なグラデーションで表現していただきました！写真で感じにくい部分はWF現場で是非実物でご覧ください!!! #WF2026冬 #FGO #ジャンヌ・オルタ

フレンチドール@2025年お疲れ様でした!

28,394 görüntüleme • 6 ay önce

【制作方法】🚨#Promptshare🚨 先日の「イラスト世界にリアル美女」の動画が公表だったので作り方をリプ欄で公開します！中国で流行っているような、「リアル世界にアニメキャラ」も応用でできるのでぜひ挑戦してみてください。これからも好評だった作品は制作方法をシェアしますのでぜひフォローと応援宜しくお願いします🙏 #AI動画

【制作方法】🚨#Promptshare🚨 先日の「イラスト世界にリアル美女」の動画が公表だったので作り方をリプ欄で公開します！中国で流行っているような、「リアル世界にアニメキャラ」も応用でできるのでぜひ挑戦してみてください。これからも好評だった作品は制作方法をシェアしますのでぜひフォローと応援宜しくお願いします🙏 #AI動画

SEIIIRU😈動画生成AIを使う映像クリエイター

77,678 görüntüleme • 1 yıl önce

昨日買ったトウモロコシの皮がとても状態が良かったので、久しぶりに姉様人形を作りました🌽 皮2枚で頭部と髪を作りますが、作り方がシンプルで日本髪の再現度も高いです。今まで色々な方法で作ってきましたが、これが完成形だと思います🍀 何より『髪結い』になった気分で作れるのが楽しかったです。動画は作り方を考えながら撮ったので、もたもたしていますが、案外よくできたので載せました。トウモロコシを買って、早くもう一体作りたいです👘

昨日買ったトウモロコシの皮がとても状態が良かったので、久しぶりに姉様人形を作りました🌽 皮2枚で頭部と髪を作りますが、作り方がシンプルで日本髪の再現度も高いです。今まで色々な方法で作ってきましたが、これが完成形だと思います🍀 何より『髪結い』になった気分で作れるのが楽しかったです。動画は作り方を考えながら撮ったので、もたもたしていますが、案外よくできたので載せました。トウモロコシを買って、早くもう一体作りたいです👘

inori

560,829 görüntüleme • 1 ay önce

【炎上覚悟】今流行りの最新AI、Veo3で作成した『ミニチュア作業員×ASMR』の作り方をPDFにまとめました！これだけで万バズ量産できる動画を作れるのであとはショートで流すだけで再生収益狙えます✨ 作り方をまとめたPDF欲しい人はいいねと「ミニチュア」ってリプしてください

【炎上覚悟】今流行りの最新AI、Veo3で作成した『ミニチュア作業員×ASMR』の作り方をPDFにまとめました！これだけで万バズ量産できる動画を作れるのであとはショートで流すだけで再生収益狙えます✨ 作り方をまとめたPDF欲しい人はいいねと「ミニチュア」ってリプしてください

おさけ|AIすき。

12,567 görüntüleme • 1 yıl önce

静画を撮るだけのつもりだったが気付いたら動画が完成してしまっていたのだ…!! ということで今回の新作はXにて🎈💥 少し短めなので3カメまで用意してます🎥

Sensitive content

静画を撮るだけのつもりだったが気付いたら動画が完成してしまっていたのだ…!! ということで今回の新作はXにて🎈💥 少し短めなので3カメまで用意してます🎥

にこまき@C108二日目東シ–61a

12,782 görüntüleme • 1 yıl önce

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

池田泰延

28,326 görüntüleme • 3 ay önce