Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Create layers using CSS

CSS Web Development Front End Technology

To create layers using CSS, you can try to run the following code. I have used the the z-index property

Example

<html>
   <head>
   </head>
   <body>
      <div style = "background-color:red; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2">
      </div>
      <div style = "background-color:yellow; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;">
      </div>
      <div style = "background-color:green; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;">
      </div>
   </body>
</html>
Updated on: 2020-03-04T12:17:03+05:30

76 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements