TechBook will reward the Top Ten Users for the month of October with a One Year FREE Web Hosting Account

How to add shadow on border-bottom in CSS3

Post Reply
chival
Newbie on TechBook
Posts: 19
Joined: Wed Jul 26, 2017 1:15 am
Membership Category: Techie/Freelancer

How to add shadow on border-bottom in CSS3

Post by chival » Fri Aug 25, 2017 6:08 pm

The div class

Code: Select all

<div> sample section for illustrations</div>
The CSS code

Code: Select all

div{
-webkit-box-shadow:0px 1px 1px #333333;
 -moz-box-shadow:0px 1px 1px #333333;
 box-shadow:0px 1px 1px #333333;
  }
It will add a 1px blurred shadow 1px from the bottom of the box.

The css code above can be interpreted thus

Code: Select all

box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];

Post Reply
kuchnie kraków opinie

Who is online

Users browsing this forum: No registered users and 2 guests