#100daysofcss ผลการค้นหา

Day 25 of #100DaysOfCSS 🔥 Mastered TRANSITIONS! Smooth color flips, size pops & delays 😍 From :hover magic to 2s ease-in glory! the box transform like a pro 🪄 #CSS #WebDev #FrontEnd #LearnInPublic

Day 24 of #100DaysOfCSS 🔥 Mastered responsive div magic in Practice Set 7! One box, FOUR colors based on width: 🟢 <300px → Green 🩷 300-400px → Pink 🔴 400-600px → Red 🔵 >600px → Blue #Css #Webdev

🔥 Day 23 of #100DaysOfCSS 🔥 Mastered Media Queries! 🎯 Now my <div> dances with screen size: 💗 Pink → 📱 Green (<600px) → 🔴 Red (exactly 600px) → 🔵 Blue (200-300px) Responsive magic unlocked! 🚀 #CSS #WebDev #Frontend

Day 18 of #100DaysOfCSS: z-index & bg-images! 🎨 z-index: Higher = on top, negative = behind. Needs position (not static). Ex: 3 > 1 > -1. Bg-image: url('img.jpg'); Use background-size: cover for full fit! 🔥 Tip: Cover = pro vibes! #CSS #WebDev 🚀

I had nearly completed the #100DaysOfCSS challenge, working on SVG Animation, creating cool effect which I never imagined possible. Most still don't know how to create carousel in pure css. Totally worth it

Day 11 ✅ Learning #CSSGrid – The ultimate tool for building clean, responsive layouts! Rows, columns & perfect placement made easy. Feeling more confident every day 🚀 #100DaysOfCSS #WebDevelopment #FrontendDev

Day 57 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Icosahedron "Geometry spins into motion." This rotating polyhedron captures the beauty of 3D structure using only CSS. Clean edges, sharp faces, and smooth animation bring this geometric shape to life—like a die floating…

Day 56 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Flower "Nature blooms in lines and layers." Today’s animation: a soft, rotating flower made entirely with CSS. Petals overlap in delicate symmetry, creating a gentle, meditative motion. A peaceful loop that brings organic…

Day 55 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Thermostat Today’s concept brings a sleek and modern smart thermostat to life with just CSS — no JavaScript needed! This design mimics smart thermostat UIs like Nest, perfect for dashboards, IoT apps, or home automation…

Day 54 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Waves Sometimes, creativity flows like water — and this one literally does 💧 I played with opacity and staggered timings to create a rhythmic, fluid motion — like a breathing ocean 🌫️💙

Day 53 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Range Slider Range sliders are everywhere — volume controls, video timelines, brightness bars — and styling them isn’t always easy across browsers. This design keeps it modern, responsive, and visually fun. CSS doesn’t…

Day 52 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Dot Wave Created a hypnotic dot wave effect using just CSS! Each dot is animated with a delay to form a ripple-like motion that gives the illusion of depth and flow. Super satisfying to watch 😌✨

Day 51 of #100DaysOfCSS 🚀 Fresh from the Code Oven: CSS Counter Built a pure CSS counter that ticks up like a digital odometer ⏱️ — no JavaScript involved! The animation effect is created by transitioning digits vertically on change. Pretty slick, huh?

Day 50 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Easter Egg Halfway through the challenge! 🎉 This little animation was a crackin’ good time — a squishy, bouncy egg that pops with character using just CSS. 🐣💜

Day 49 of #100DaysOfCSS 🚀 Fresh from the Code Oven: CSS Follow This little dot follows your cursor with a smooth trailing animation! No JavaScript involved — just :hover, @keyframes, and a splash of transition-delay magic. 🎯✨

Day 48 of #100DaysOfCSS 🚀 Fresh from the Code Oven: 3D Rubik's Cube Built an animated 3D Rubik’s Cube entirely with HTML & CSS! 🎨 No JavaScript, no images — just clever use of transform, perspective, and rotate. Every square is a div. Every side is layered with logic.

Day 47 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Pixel Art Created a CSS-based pixel art animation! 🟩🟥⬜ Every block is carefully styled with box-shadow and key frames to simulate pixel-level precision — no images or canvas used!

Day 46 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Iris Circles Created a mesmerizing looping animation that mimics the movement of an iris — using rotating dots in a circular path. Each dot fades and flows smoothly, giving an optical illusion of pulsation and rotation.

Day 45 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Hover Me Tried out a sleek hover animation using only CSS! When you hover, the button lights up with a glowing border and a subtle gradient shift. Pure CSS — no JS or extra markup.

Day 44 of #100DaysOfCSS 🚀 Fresh from the Code Oven: Twisted Pyramid "Twisted Pyramid Illusion" Created this hypnotic spiral using just CSS transforms. A series of divs, each rotated and scaled slightly, form a mesmerizing twisted pyramid that loops endlessly.

Day 25 of #100DaysOfCSS 🔥 Mastered TRANSITIONS! Smooth color flips, size pops & delays 😍 From :hover magic to 2s ease-in glory! the box transform like a pro 🪄 #CSS #WebDev #FrontEnd #LearnInPublic

Day 24 of #100DaysOfCSS 🔥 Mastered responsive div magic in Practice Set 7! One box, FOUR colors based on width: 🟢 <300px → Green 🩷 300-400px → Pink 🔴 400-600px → Red 🔵 >600px → Blue #Css #Webdev