Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

CSSアニメーション好き

337,244 görüntüleme • 8 ay önce •via X (Twitter)

11 Yorum

おけん profil fotoğrafı
おけん8 ay önce

いつも参考にさせてもらっています。 質問なのですが、スポットライトの表現はdiv要素をtransform-originで位置をずらしてrotateで動かす方法で合ってますでしょうか? それともmask系のプロパティを使う感じでしょうか?

yui540 profil fotoğrafı
yui5408 ay önce

はい。rotateとtranslateも合わせて、動かしている感じですね。 実際にdevtoolで確認していただければイメージは伝わると思います。 マスク案もいいですが、自分はコーディングしながらアニメーションの新しいアイデアが出た時に、途中からでも色々動きを付け加えやすいので、transformを多用する方向にしています。

おけん profil fotoğrafı
おけん8 ay önce

なるほど! 個別じゃなくて、transformにまとめる感じなんですね URLの添付までありがとうございます。 参考にさせていただきます🙇

天野るっく profil fotoğrafı
天野るっく8 ay önce

本当にこれはCSSアニメーションなのか疑いたくなるほどのクオリティ、、、

Francois Laberge profil fotoğrafı
Francois Laberge8 ay önce

Do you just hand code these or use some tool?

yui540 profil fotoğrafı
yui5408 ay önce

I write the code myself.

Francois Laberge profil fotoğrafı
Francois Laberge8 ay önce

Nice. I like that!

【公式】AI MANGA | アイマンガ profil fotoğrafı
【公式】AI MANGA | アイマンガ8 ay önce

AIには真似できないセンス(˙꒳˙ )

ゆずチョコのサブ profil fotoğrafı
ゆずチョコのサブ8 ay önce

かわいい

Neco profil fotoğrafı
Neco8 ay önce

俺!フロントエンド開発者!死んでる!

🐾🎨天ねく🎼☂️ profil fotoğrafı
🐾🎨天ねく🎼☂️8 ay önce

インスピレーションンンンンンン!!!!!

Benzer Videolar