Gorithmgorithm.hashnode.dev·Feb 16, 2024Create a Gradient Border with CSS [Just 2 Lines]The Problem with border-color and border-image: When you try to add a gradient as a property value to the border-color or to the border itself (same) you will see nothing, the border is completely vanished, this happens because CSS border property do...DiscussCSS
himanshugopalkdwivedi.hashnode.dev·Nov 20, 2023Gradients / transition in css (lt.19)CSS gradients are a way to display smooth transitions between two or more specified colors. They are a powerful tool for applying dynamic effects on web pages. To apply gradient we have to use background image. There are three primary types of gradie...Discuss·10 likesgradients in CSS
Arindam Chowdhuryarindamchowdhury.hashnode.dev·Sep 20, 2023How to Make Your Website Pop with a Floating Gradient Blob in the BackgroundHave you ever visited a website and been mesmerized by a beautifully designed background that seems to flow and morph like a floating blob? If you're looking to add a touch of creativity and uniqueness to your web projects, you might want to conside...DiscussCSS
Abinash Chourasiaabinash1795.hashnode.dev·Jul 23, 2023Gradients in CSSGradients in CSS are used to create smooth color transitions between two or more colors. There are two main types of gradients you can use in CSS: Linear Gradients: A linear gradient creates a smooth transition of colors along a straight line. You c...Discussgradients in CSS
Deediki.hashnode.dev·May 27, 2023Adding Depth and Visual Delight: The Power of Gradients in UI DesignMastering Gradients in Modern UI Design For a considerable period, the utilization of gradients was strongly discouraged in design. Designers avoided gradients because they evoked a distinct 90s design aesthetic. However, that perception has changed ...Discuss·68 readsUI Design
Rajendrasinh Parmarrajendrasinh.hashnode.dev·May 16, 2023Harnessing the Power of Text Gradient: Implementing CSS MagicIntroduction In the world of web design, creating visually captivating and dynamic user experiences is key to engaging visitors and conveying information effectively. One powerful technique that can add an extra touch of flair to your website is the ...Discuss·145 readsCSS
Anower Jahan Shofolshofol.hashnode.dev·May 10, 2023Create a gradient progress bar with CSSHave you noticed cool gradient progress bars around the internet? I have seen many cool websites using it. Recently I was going through JoshWComeau's 'The Joy of React'. The course platform is so unique and full of resources. There's a gradient progr...Discuss·87 readsCSS Shorts by ShofolCSS
Gudiya Kumarigudiyagaur.hashnode.dev·Apr 21, 2023Gradient, Transition in CSS:Gradient: In CSS, "gradient" is a property that allows us to create a smooth transition among multiple colors. There are 3 types of gradients: linear, radial and conic. To define a gradient in CSS, we use the "background-image" property with the "lin...Discuss·4 likes·66 readsCSS
Maciek Fitznermackfitz.hashnode.dev·Apr 11, 2023The geodesic sphereIn my never-ending quest to code crazy 3D geometries I've long been fantasizing and theorizing about geodesic spheres - approximations of an orb made exclusively out of triangles connecting at weird, incomprehensible angles. Now the nightmare finally...Discuss·11 likes·60 readsCSS
BHABESH BHARALIbhabeshbharali.hashnode.dev·Mar 17, 2023Mastering the Art of Gradient Colors: A Comprehensive Guide for Stunning Web DesignGradient has three primary colours: Linear Gradient, Radial Gradient and Conic gradient. Linear gradient: it can be set from left to right and up to bottom and diagonally. Example: #grad { background-image: linear-gradient(to right, red , yellow);}h...DiscussCSS3