Tag

#box-shadow

12 posts0 followers

Explore Hashnode

Alternatives

Anjanesh LekshminarayananOct 7 · 3 min read

Using filter and box-shadow together

We all know by now that a box-shadow is used to create a shadow around a DOM element like this : box-shadow:2px 3px 10px 0 rgba(0,0,0,.25); - same solution using filter like this filter: drop-shadow(2

css.co.in

Santanu DasFeb 3 · 3 min read

Create Shadows with Ease: Best CSS Shadow Generator

In modern web development, UI plays a huge role in how users perceive an application.A good UI is not just about functionality—it’s about visual depth, clarity, and feel. To achieve this, developers rely heavily on CSS properties such as: color fon...

css-box-shadow.hashnode.dev

Sergey ShishkinMar 26, 2025 · 2 min read

box ... box?

По-моему это то, что во многих системах обозначают как блок. Просто фрагмент памяти. В связи с этим ассоциируются прецеденты с проектами Plan 9 и Plan B, где в последнем пытались заменить термин “файл“ на термин “бокс“: “Системные вызовы оперируют им...

serj-aleks.hashnode.dev

Jalaj SinghalApr 17, 2024 · 4 min read

CSS Word Wrap and Border

CSS word wrap property. It is used to break the long words and wrap onto the next line. This property is used to prevent overflow when an unbreakable string is too long to fit in the containing box. CSS Word Wrap Values ValueDescription normal...

jalaj.dev

Eleftheria BatsouJan 26, 2024 · 8 min read

Simple Guide to CSS3 Box Shadows and Rounded Corners (+ Examples)

Introduction This article delves into two powerful CSS3 features: Box Shadows and Border Radius. We'll explore their roles in enhancing UI design, starting with an understanding of CSS3, its evolution, and the significance of these two features in cr...

eleftheriabatsou.hashnode.dev

Feyitimi Victor OlumuyiwaMar 30, 2023 · 3 min read

Box Shadow in CSS

Box shadow is a CSS property that allows web developers to add depth and dimensionality to their website layouts by creating a shadow effect around an HTML element. It is a versatile tool that can be used in a variety of ways to enhance website desig...

pocketcss.hashnode.dev

Vedamruta UdavantFeb 28, 2023 · 3 min read

Box-Shadow Unleashed: Create Stunning Visual Effects with CSS

Hey, I'm good and hope you are doing well😊. Watching CSS art(codepens) is fun so why not create one. Let's get hands-on and create one using box-shadow ✨ https://codepen.io/Vedamruta-U/pen/dyqOaoP The box-shadow property adds shadow effects around...

3 vedamrutacodes.hashnode.dev

Poonam SoniJan 31, 2023 · 2 min read

Make your website stand out with CSS box-shadow

Box-shadow property is used to add a shadow effect around the elements. Why Box-shadow? It creates beautiful visualisation effects on the website. You can use this property on buttons, logos, pre-loaders, headings, etc. to make elements of the webpag...

2 journey2022.hashnode.dev

Srinath SreeJan 17, 2023 · 1 min read

CSS Shadow Generators

Are you tired of manually creating CSS shadow code for your website elements? Look no further, because CSS shadow generators are here to save the day! With just a few clicks, you can adjust the shadow’s color, size, blur, and direction to match your ...

srinathsree.com

GulshanSep 28, 2022 · 1 min read

Background filling effect on hover

What are we talking about? This is one of my favorite hover effects in CSS and I've never got bored with it. We can apply this to a piece of text or to specific words that are intended to be highlighted. Let's see how it works. So here's a sentence ...

gzamann.hashnode.dev

Search Hashnode