tag animation

標籤
貢獻55
112
08:22 PM · Oct 26 ,2025
uwatechnologies 頭像 andy-clarke 頭像 adrian-bece 頭像 hefty 頭像 shuirongshui 頭像 xlbd 頭像 kirill-myshkin 頭像 nickbabich 頭像 christian-heilmann 頭像 ejiro-asiuwhu 頭像 hamzasiddiqui 頭像 babarsuleman 頭像

@animation / 博客 RSS 訂閱

andy-clarke 頭像

Andy Clarke - Smashing Animations Part 6: Magnificent SVGs With <use> And CSS Custom Properties

I explained recently how I use symbol, use, and CSS Media Queries to develop what I call adaptive SVGs. Symbols let us define an element once and then use it again and again, making SVG animations e

animation , Css , Design , svg

收藏 評論

cosima-mielke 頭像

Cosima Mielke - Tools And Resources For Editing, Converting And Optimizing SVGs

The power of SVGs lies in their flexibility to adapt to any size while remaining crisp and sharp. This makes them perfect for responsive web design and, since users can zoom in without sacrificing q

animation , Tools , svg

收藏 評論

rachel-hinman 頭像

Rachel Hinman - Motion & Animation: A New Mobile UX Design Material

Growing up, weekends were about worship in the Hinman household. Sunday mornings were reserved for a laborious worship ritual dictated by my parents. It required dressing up in uncomfortable clothes

animation , Graphic Design , mobile , ux

收藏 評論

andy-clarke 頭像

Andy Clarke - Ambient Animations In Web Design: Practical Applications (Part 2)

First, a recap: Ambient animations are the kind of passive movements you might not notice at first. However, they bring a design to life in subtle ways. Elements might subtly transition between col

animation , Design , svg

收藏 評論

heydon-pickering 頭像

Heydon Pickering - Creating Cel Animations With SVG

What if I told you there was an image format like GIF, but it worked with vectors? What if I said it was possible to reverse the direction of its animation? What if you could take one base image and

animation , sass , Techniques , coding , svg

收藏 評論

marius-sarca 頭像

Marius Sarca - Creating Elastic And Bounce Effects With Expressive Animator

This article has been kindly supported by our dear friends at Expressive, who create the next generation of intuitive design tools powered by Human Intelligence. Thank you! In the world of

animation , Tools , Design , svg

收藏 評論

andy-clarke 頭像

Andy Clarke - Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension

Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in Part 1, they remind me of the 1960s Hanna-Barbera animated series I grew up watching on

animation , Css , Design

收藏 評論

preethi-sam 頭像

Preethi Sam - The Times You Need A Custom @property Instead Of A CSS Variable

We generally use a CSS variable as a placeholder for some value we plan to reuse — to avoid repeating the same value and to easily update that value across the board if it needs to be updated. :roo

animation , Css , Design

收藏 評論

paul-scanlon 頭像

Paul Scanlon - Putting Gears In Motion: Animating Cars With HTML And SVG

Hello! And if you like HTML, you’ve come to the right place! I love HTML. As an old-school front-end developer, I think it’s a hugely underrated skill. I’ve been writing HTML since ~2005, and today

animation , HTML , svg

收藏 評論

nickbabich 頭像

Nick Babich - Experience Design Essentials: Animated Microinteractions In Mobile Apps

Dariel Fitzkee, the famous magician, once said, “Magic is both in the details and in the performance.” Interaction design is just like that. Designers love to get the big picture right, but if the d

animation , Experience Design , ux , User Interaction , Sponsored Content

收藏 評論

rachelnabors 頭像

Rachel Nabors - The State Of Animation 2014

The post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly interfaces on mobile and desktop, and JavaScript libraries already exist to handle co

animation , API , coding , Css , Javascript

收藏 評論