#cssanimations

@cityjsconf.bsky.social

3 months ago

Shruti Balasa The Future with Scroll-Driven Animations in CSS Join me for a forward-looking session on the emerging trend of scroll-driven animations in CSS. This talk will introduce you to the concept of scroll-driven animations, explaining how they can bring your web pages to life with interactive and engaging effects. We’ll first talk about the fundamentals

modern technique and walk through practical ways to bring interactive motion to your pages. Learn how to enhance user experience and apply these animations with confidence.

Watch now the talk by @shrutibalasa.com
youtu.be/LauyE4zJtxk

#CSS #ScrollDrivenAnimations #Frontend #CSSAnimations

1 0 0 0

Hacker News Companion

@hncompanion.com

4 months ago

A key debate: are complex CSS animations truly necessary for simple UI elements? Some question their practical value, suggesting overkill, while others see them as enhancing user experience when done right. #CSSAnimations 4/6

0 0 1 0

sree krishna Square

@sreekrishnasquare.bsky.social

6 months ago

How to start learning CSS url:www.sreekrishnosquare.com/2025/08/23/how-to-start-... #WebDesign #FrontendDevelopment #Coding #WebDevelopment #CSS3 #ResponsiveDesign #UIUX #WebDesignTips #CSSAnimations

1 0 0 0

Atlas of Heroes

@dynamostarzzz.bsky.social

8 months ago

HOW I Created a Smooth Pulse Effect with HTML & CSS |CSS Heart Animation Tutorial YouTube video by EnnyUnlimited

❤️ Turn your screen into a beating heart with HTML, CSS & JS!
Smooth pulse effect with zero libraries. Just logic + love 💓

🎥 Watch here 👇
youtu.be/uXPH2CaEiB4
#CSSAnimations #WebDev #buildinpublic #Frontend

3 1 1 0

Atlas of Heroes

@dynamostarzzz.bsky.social

8 months ago

Watch Me Build a Traffic Light with Just Code | No Talking YouTube video by EnnyUnlimited

🚦 Want to learn how to build a "Traffic Light" with HTML, CSS & JS?
Responsive, animated, and beginner-friendly ⚡

🎥 Watch the tutorial now 👇
youtu.be/GIwQpoHjCzA
#WebDev #JavaScript #buildinpublic #CSSAnimations

4 1 3 1

Joomla!

@joomla.org

8 months ago

Joomla promotional graphic encouraging animation of page transitions using CSS with colorful up and down arrow sculpture in a forest setting.

Animate Your Page Transitions With CSS! Check out how @view-transition enables seamless animations between pages using just CSS. magazine.joomla.org/all-issues/j... #Joomla #WebDesign #PageTransitions #CSSAnimations

3 3 0 0

javidevedu

@javidevedu.bsky.social

9 months ago

Bring Your Text to Life with Gradient Animations ✨🌈 — Explore more at javidev (link in my profile). Created by mystic.js
#csstips #textanimation #gradientmagic #frontenddesign #webdevtricks #cssanimations #uimagic #devinspo #codecreativity #programmingdesign

0 0 0 0

javidevedu

@javidevedu.bsky.social

10 months ago

Save These JS Animation Libraries 🔥 | Discover more tools at javidev (link in my profile) 🚀 Creation: frontendjoe ⁣⁣Save These JS Animation Libraries 🔥 #javascript #webdevelopment #frontend #frontenddeveloper #cssanimations #webdesign #codinglife

1 0 0 0

javidevedu

@javidevedu.bsky.social

11 months ago

Save These Animation Resources 🔥 | Bring your UI to life with these top animation tools and libraries. Visita mi sitio web: javidev (link en mi perfil) — creation to: @frontendjoe #webanimations #uianimations #frontendtools #cssanimations #javascriptanimations #creativecoding #motiondesign

0 0 0 0

Magnus Junghard

@junghard.com

11 months ago

Damn, last video popped off a bit compared to my previous ones. Exciting! 😃🙌
#youtube #webdev #cssanimations

1 0 0 0

DIY Devs

@diydevs.bsky.social

1 year ago

Motion - A modern animation library for JavaScript and React Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.

Animations are underrated in web design. A well placed micro-interaction can make or break UX. Tools like Framer Motion can really help in adding smooth animations without much fuss. Check it out: motion.dev

#WebDesign #UX #UI #FramerMotion #CSSAnimations #DevTools

0 0 0 1

Creative Salahu

@creativesalahu.bsky.social

1 year ago

Creating an Engaging Parallax Slider for Web Projects Introduction In today's digital age, visual engagement plays a crucial role in web design. Captivating visuals can draw users' attention, keep them engaged,

In today's digital age, visual engagement plays a crucial role in web design. Captivating visuals can draw users' attention, keep them engaged, and enhance their overall experience on a website. #CSSanimations #frontenddevelopment

0 0 0 0

Posts tagged #cssanimations