Yosra Emadyosracodes.hashnode.net·Nov 19, 2021FeaturedHow to make blob menu using HTML, CSS and JavaScriptMotivation I got this idea after I found this awesome website called The Blob Maker that creates blob menus and gives you the SVG code for it! I wanted to create something because I enjoy how blobs look like. I wanted to make something simple with a...Shad Mirza and 16 others are discussing this17 people are discussing thisDiscuss·360 likes·10.1K readsHTML5I love this blob menu. And this is a comprehensive guide on how to create! 4
Ale Thomaspokecoder.hashnode.net·Nov 16, 2021FeaturedMaking pixel-art with pure CSSSee the Pen Hover Choose wisely! Pixel Pokémon by Ale (@pokecoder) on CodePen. Growing up playing games on my GBA (especially Pokémon and Harvest Moon) I've always been fascinated by pixel-art and its inherently retro look. When I started lea...Andrew Baisden and 12 others are discussing this13 people are discussing thisDiscuss·270 likes·8.9K readsCSSVery nice write up. I was always wondering how to do pixel CSS art. Maybe I should try to do one now ☺️ 4
Ale Thomaspokecoder.hashnode.net·Dec 7, 2021Tools for easier CSS artEver since I started learning web development a few months ago, CSS art has become one of my favorite hobbies. Not only is it challenging, but it's also a way to express myself artistically while practicing my CSS skills. However, if you've ever don...Olubisi Idris Ayinde and 12 others are discussing this13 people are discussing thisDiscuss·220 likes·3.1K readsCSS
Aleru DivineforOpen Replay's Technical Blogopenreplay.hashnode.net·Apr 26, 2023Effects you can build with CSS without JavaScriptCSS has come a long way from its early days of basic styling to now being a powerful tool for creating eye-catching effects and animations. While JavaScript is still a popular choice for front-end development, CSS is often overlooked as a tool for cr...DiscussCSS
Maseho Chipoyamaseho.hashnode.net·Apr 24, 2023CSS AnimationsAnimations are a great way to make a website or application look more engaging and alive. Animated figures appear to move in sequence by manipulating still images. One of the cool things about CSS is the ability to create animations without having to...Priti Solanki and 1 other are discussing this2 people are discussing thisDiscuss·5 likes·45 readsCSS3
Scofield Idehenforscofield.hashnode.net·Apr 21, 2023Optimizing CSS Transition Animations with Animate CSS GridCSS grid is a powerful layout system that allows designers and developers to create complex and responsive grid layouts easily. However, animating a CSS grid can be tricky, as it requires a lot of CSS code and can often result in jerky animations. ...DiscussCSS
Shyam Kumarshyamkumar.hashnode.net·Apr 10, 2023HTML + CSS: Adding hover on scale effect for the objects in the imageIntroduction When designing a website, it's important to choose the right images to convey your message effectively. However, sometimes the images may need some adjustments to fit your needs. In this article, we'll discuss how to achieve an on hover ...Discuss·1 like·100 readsCSS3
Rajarshi Sarkarrajsarkar.hashnode.net·Mar 30, 2023CSS Animation Properties 101: Mastering the Basics"Modern CSS properties now hand you nearly all of the tools you’ll need to create memorable experiences for your users." Adam Kuhn, front-end web developer Introduction CSS Animations is a powerful module of Cascading Style Sheets that adds dynamic ...Discuss·30 readsCSS Animation
Moses Samanthakurthijadenmaxi.hashnode.net·Mar 27, 2023Fundamentals of CSSCascading Style Sheets, or CSS, is a language used to design and organize web pages. The appearance and feel of websites, including their colors, fonts, layouts, and other visual components, are managed using CSS. CSS Selectors: CSS selectors are us...DiscussCSS
Eleftheria Batsoueleftheriabatsou.hashnode.net·Mar 23, 2023Getting Started with CSS Animations: Creating Engaging Web AnimationsWelcome to the world of web development, where the only thing constant is change. And one of the biggest changes we've seen in recent years is the increasing use of CSS animations. No longer are websites static, boring pages of information. Now, they...Discuss·31 likes·122 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Rohan Vermarohanvm.hashnode.net·Mar 19, 2023How a Basic CSS Marquee Implementation WorksIntroduction Marquees were a structural element that always confused me. I could see them working but wasn't able to figure out why they behaved as they did. In this article, I'll be going over a common infinite looping marquee implementation in CSS,...Discuss·1 like·39 readsCSS Animation
Luis Aacidsupreme.hashnode.net·Mar 17, 2023🕺CSS Animations: The Bouncy, Swirly Fun That Keeps Websites Groovin' 💃Buckle up, web devs wizards! We're about to embark on a wild ride through the wonderful world of CSS animations. Get ready to learn how these snazzy, swirly visuals can make your website pop like a bag of extra-buttery popcorn. 🍿 Why are animations ...DiscussCSS
Linda Uchenwokeliinda.hashnode.net·Mar 8, 2023How to Create Fade-in and Underline Animation Effects Using CssCSS can be particularly frustrating, and many developers, including myself, have struggled with it. However, I recently discovered some amazing CSS features and techniques that have helped me overcome some of the biggest obstacles I used to face and ...Discuss·11 likes·76 readsCSS Animation
