


Now, we are going to apply some color to the div. Let’s take a div element to apply warp shadow.įirst we are going to apply basic style class (i.e.box) like dimensions, padding etc. We are going to apply some trick here, using shadow and border curve.ĬSS 3 user must be aware of Box Shadow and border radius.įor more detail on Box Shadow visit the following link.įor more detail on Border Radius visit the following link. In this blog our main focus will be on applying warp shadow effect using CSS 3.īasically there is not any direct style which can be applied as a warp shadow to any block. It increase the speed of page load and downloads the lesser bytes compare to images for shadow effect. Thanks to CSS 3 which enable us to apply nice shadow effect through easy way. It’s an old time to create an effect of drop shadow using Photoshop or any other image editing tool for web page.
