<div id="uno"> <div id="dos"> <div id="tres"> <div id="cuatro"> <div id="cinco"></div> </div> </div> </div> </div> <style> #uno{ width: 500px; height: 300px; background-color:green; } #uno:hover{ background: black} #dos{ width:450px; height:250px; background: yellow; } #dos:hover{ background: white} #tres{ width:400px; height: 200px; background: red; } #cuatro{ width:350px; height:150px; background:blue; } #cinco{ width:300px; height:100px; background:purple; } </style>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter