Add shadow effects to elements - HTML CSS CSS Property

HTML CSS examples for CSS Property:box-shadow

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. box-shadow

Description

Add shadow effects to elements

Demo Code

ResultView the demo in separate window 

<html>
   <head>
      <style>
         div {<!-- w  w w .ja  va2  s  .  c o m-->
            width: 300px;
            height: 100px;
            padding: 15px;
            background-color: red;
            box-shadow: 10px 10px;
         }
      </style>
   </head>
   <body>
      <div>This is a div element with a box-shadow</div>
   </body>
</html>

Related Tutorials