How i can make it wiht css3?


Tags: html,css3,border,box-shadow

Problem :

How i can do it with css (box-shadow and border) How to do it exactly like image.Give me some suggestions please Thanks.

See image here please

Thanks



Solution :

Add this to your divs css

-webkit-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-moz-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
 box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-webkit-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
-moz-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
 box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);

    CSS Howto..

    How to set color of the Button with jQuery UI?

    Mobile-Friendly CSS - How to hide a sidebar? [closed]

    How to prevent HTML elements from being pushed down the page

    How to align social like buttons next to copyright text inside footer?

    How to remove css and javascript code in source code of website

    How do I make a hover over only take up a portion of an image as seen on gamlinwhiskeyhouse.com? [closed]

    How to style an anchor tag to look like a button with the same height as the button?

    How to REALLY control font size in an eBay listing [closed]

    How can I change the colour of individual squares on this grid…?

    How to fluid images when resize window?

    How do I align an item to the right inside a flex container?

    How to write media queries for HD/Retina Display in Landscape position?

    How to put the div at the center with css?

    How to apply css styling on rewards points notification email in opencart 2.0.1.1?

    How to move this circle using javascript?

    How to check if an element has a hover property and do something to another element in css [closed]

    How to create an interactive circular links using CSS [closed]

    How to create a Page Header (an Image) for print using css

    CSS How to display an image in the size of a / text line

    How do I change CSS submenu width so it doesn't used the same width as the main menu?

    disabling stylesheets to increase the speed of showing/hiding divs

    How to center this flip card example?

    How do I write a CSS for mouse hover [duplicate]

    How to style form submit button in CSS?

    How to add non-literal into a variable like jQuery?

    Where and how to add/edit css in roots starter theme

    How does one load a CSS framework in Rails 3.1?

    how do I properly position & scale these elements in CSS?

    How can I get IE8 to accept a css :before tag?

    How do I get my links to glow on :hover with CSS3? [duplicate]