All categories

Category

shapes

Creative shape designs using CSS and SVG. Craft 3D effects, clip-path art, and animated forms for stunning visuals.

Published items

7 results

animated-shapes • css-art

Blooming Flower Animation with HTML, CSS & JavaScript | Click to Bloom Effect

Interactive Blooming Flower in HTML, CSS & Vanilla JS (Click Animation) CSS Flower Animation + JavaScript Interaction | Bloom on Click How to Create a Blooming Flower with Pure HTML, CSS & JS

#click#flower#animation

css-art

House Painting Project Tutorial – freeCodeCamp Lab for Beginners in HTML & CSS

Build a complete House Painting project using HTML and CSS! 🏠✨ This beginner-friendly project is part of the official freeCodeCamp labs. Learn to structure a house with roof, chimney, windows, and door while mastering relative and absolute positioning. Perfect for practicing HTML & CSS and passing all freeCodeCamp lab tests. Try it yourself and improve your web development skills today!

#fcc#shape#house

css-art • animated-shapes

🚗 Highway Cruiser: Animated Car on a Moving Road 🛣️

A sleek CSS animation of a car cruising along a moving highway, complete with spinning tires and a dynamic street, designed to be responsive across devices.

#CSS#Animation#Keyframes#Vehicle

animated-shapes • css-art

🚗 A Retro Car Adventure with ☁️ Floating Clouds

A charming CSS-only animation of a retro car with spinning wheels and drifting clouds, built using HTML and CSS for a playful, nostalgic scene.

#Keyframes#Transforms#Pseudo-Elements#Retro Style

animations • visualizers

🌌 Pulsing Cosmic Shape with JavaScript Canvas ✨

💫 A pulsing, cosmic shape glows and shifts, built with JS Canvas. Perfect for artistic visuals!

#Canvas#CreativeCoding#WebDesign#MathArt

animated-bg • drawing

🌌 Neon Lines Over Starry Gradient with JavaScript Canvas ✨

⚡️ Neon lines dance over a starry gradient sky, built with JS Canvas. Perfect for futuristic designs or learning!

#Canvas#line#animation#NeonEffect