[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1783481354714.jpg (121.27 KB, 1024x1024, img_1783481346018_kx589gpq.jpg)ImgOps Exif Google Yandex

3c71a No.1791

ngl most people only use claude design for quick prototyping, but i just realized u can actually build complex motion sequences with it. it is way more powerful than the usual static layouts i see around here. i was experimenting with some custom transitions and noticed how easily it handles timing without breaking the layout . if u want to sync things up, you might need to tweak ur CSS like this:

@media (max-width: 768px) { .animate-in { animation-duration: 0.5s; } }


mobile-first motion is definitely the way to go for these assets. has anyone else tried using it specifically for svg animations yet?

found this here: https://uxplanet.org/claude-design-create-stunning-animations-and-motion-graphics-f6ada52dc4a0?source=rss----819cc2aaeee0---4

3c71a No.1792

File: 1783482783138.jpg (122.33 KB, 1024x1024, img_1783482744286_u9ldb7zr.jpg)ImgOps Exif Google Yandex

i've been using it for svg morphing lately and the bezier curve logic is surprisingly accurate. the tricky part is when you try to scale those transitions for desktop w/o making them feel sluggish.
>everything feels too slow on larger viewports[] if you don't adjust the easing functions too. are you using any specific libraries like GSAP alongside it or just pure css?



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">