Loading video...

Video Failed to Load

Go Home

個人的に好きな「線を引く」動きはSVGとCSSアニメーションを組み合わせてやっています🖊️

yui540's profile picture

yui540

30,701 subscribers

68,392 views • 7 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

個人的に好きな動きのCSSアニメーション
0:22

個人的に好きな動きのCSSアニメーション

yui540

142,733 views • 4 months ago

個人的に好きな動きのCSSアニメーション
0:23

個人的に好きな動きのCSSアニメーション

yui540

616,564 views • 4 months ago

ローディングにちょっと遊びを取り入れたいときに、個人的によくやるCSSアニメーション
0:20

ローディングにちょっと遊びを取り入れたいときに、個人的によくやるCSSアニメーション

yui540

242,338 views • 1 year ago

自分の中で、CSSアニメーションを可愛くしたいときは、こういう動きを入れるという結論になった。
0:22

自分の中で、CSSアニメーションを可愛くしたいときは、こういう動きを入れるという結論になった。

yui540

59,763 views • 2 months ago

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。
0:21

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。

Takumi HASEGAWA (unshift Inc.)

78,220 views • 1 year ago

CSSアニメーションでも、色んな動きを作れます！
1:42

CSSアニメーションでも、色んな動きを作れます！

yui540

22,839 views • 3 months ago

Webサイトに漫画ビューワーを組み込むことが出来るJS/TSライブラリ「comimi」を公開しました🐇 CSSアニメーションでかわいく動くUIにも注目していただけると嬉しいです🫶
1:26

Webサイトに漫画ビューワーを組み込むことが出来るJS/TSライブラリ「comimi」を公開しました🐇 CSSアニメーションでかわいく動くUIにも注目していただけると嬉しいです🫶

yui540

273,295 views • 3 months ago

WarudoでiFacialMocap+ Webcam Motion Captureの組み合わせと、iWebcamMotionCapture+ Webcam Motion Captureの組み合わせを試してみた！ どっちもいい感じに動いているけど、私の環境だと体の動きをWebカメラでトラッキングしているときは、手を振る動きをうまくトラッキングできないみたい😢 ただiWebcamMotionCaptureの時も、ゆっくり動かないと認識しづらい傾向にはあるかも・・・ #かわいいムーブらぼ
0:25

WarudoでiFacialMocap+ Webcam Motion Captureの組み合わせと、iWebcamMotionCapture+ Webcam Motion Captureの組み合わせを試してみた！ どっちもいい感じに動いているけど、私の環境だと体の動きをWebカメラでトラッキングしているときは、手を振る動きをうまくトラッキングできないみたい😢 ただiWebcamMotionCaptureの時も、ゆっくり動かないと認識しづらい傾向にはあるかも・・・ #かわいいムーブらぼ

二次元🌐💓𝙉𝙞𝙯𝙞𝙜𝙚𝙣

50,775 views • 7 months ago

スマートシェイプは修飾キーと組み合わせて機能を拡張できます ひとまず整形状態になったら[SHIFT]キーを押してみましょ タブレット端末持ってる人も外付けキーボードを仕入れておくと幸せになれるんやで
0:30

スマートシェイプは修飾キーと組み合わせて機能を拡張できます ひとまず整形状態になったら[SHIFT]キーを押してみましょ タブレット端末持ってる人も外付けキーボードを仕入れておくと幸せになれるんやで

へいたろう/平井太朗

71,603 views • 5 months ago

ワイヤーといけがきを組み合わせたグリーンカーテン、斜めにグラデーションかけて配置するのが個人的に好きですわ #ぽこあポケモン #ぽこポケ
0:22

ワイヤーといけがきを組み合わせたグリーンカーテン、斜めにグラデーションかけて配置するのが個人的に好きですわ #ぽこあポケモン #ぽこポケ

ちょく🦀

1,566,756 views • 3 months ago

映像作家100人 2026に掲載していただきました。 実写やアニメーション、3DCGなど、異なる手触りを持つ表現手法を、繋ぎ合わせ、時にはミキサーにかけて、変、でも良いものとして完成させることを目標に、これからも活動を続けていきます。 引き続き、よろしくお願いいたします。
0:54

映像作家100人 2026に掲載していただきました。 実写やアニメーション、3DCGなど、異なる手触りを持つ表現手法を、繋ぎ合わせ、時にはミキサーにかけて、変、でも良いものとして完成させることを目標に、これからも活動を続けていきます。 引き続き、よろしくお願いいたします。

崎村宙央 Sorao Sakimura

33,493 views • 3 months ago

Xで海外の編集動画を見かけて 「あっ良い編集だなぁ」と思ったやつの一部分を真似てみたもの 絵面を飽きさせない、自然なカメラワークのような動きをつけてます 新時代のレベルに合わせて個人VTuber如きの自分の動画もこれくらいのものを投稿したいきたいなと思った
0:27

Xで海外の編集動画を見かけて 「あっ良い編集だなぁ」と思ったやつの一部分を真似てみたもの 絵面を飽きさせない、自然なカメラワークのような動きをつけてます 新時代のレベルに合わせて個人VTuber如きの自分の動画もこれくらいのものを投稿したいきたいなと思った

はまる🧩VTuber

159,234 views • 3 months ago

Reactで動画編集できる「FrameScript」触らせていただいたけど、CSSアニメーションと同じ要領でコードで動画が作れて楽しい！ YouTubeに投稿する動画とかは、これからはこちらを使用していきたい！
0:42

Reactで動画編集できる「FrameScript」触らせていただいたけど、CSSアニメーションと同じ要領でコードで動画が作れて楽しい！ YouTubeに投稿する動画とかは、これからはこちらを使用していきたい！

yui540

79,326 views • 3 months ago

左足だすな！フォア前は右足だろ！！ バックに戻ってきたら間に合わないだろ！？ そんなことを言ってくる教え魔には こう返していきましょう。 『いや、普通に間に合いますよ。あと覚悟持って左足を出してます』ってね。 左足を出すのがダメではなく 動きが止まるのがダメかな 😇
0:28

左足だすな！フォア前は右足だろ！！ バックに戻ってきたら間に合わないだろ！？ そんなことを言ってくる教え魔には こう返していきましょう。 『いや、普通に間に合いますよ。あと覚悟持って左足を出してます』ってね。 左足を出すのがダメではなく 動きが止まるのがダメかな 😇

菴

76,105 views • 4 months ago

りょうくんは、やっぱり家ではなくて山が好きです。 山に連れていくと、すぐ何かに夢中になってはぐれて、僕がいないことに気づくと、僕を探して一直線に走ってきます。
0:25

りょうくんは、やっぱり家ではなくて山が好きです。 山に連れていくと、すぐ何かに夢中になってはぐれて、僕がいないことに気づくと、僕を探して一直線に走ってきます。

ｱｷﾔﾏﾋﾃﾞｷ『ボクらはみんな生きてゆく！』発売中！

35,501 views • 4 months ago

Reposted from #cocomi 今撮りました。深夜は人に色んなことをさせますね。みんなもやってみてください。個人的にみたいです。
0:53

Reposted from #cocomi 今撮りました。深夜は人に色んなことをさせますね。みんなもやってみてください。個人的にみたいです。

木村心美

132,672 views • 1 year ago