Curled border CSS3 shadow box
Lifted border CSS3 shadow box
Raised border CSS3 shadow box
Vertical curve border CSS3 shadow box
How to use
Copy and paste the CSS part into your stylesheet.css and copy and paste HTML part where you want to show these container boxes on your webpage
How to configure
- Add text to a box, at HTML part’s <p> and </p> tag, inside of <p> and </p> tag paste/type your texts
- To change the height and width of the box at HTML part’s change the value of width:70%;height:200px;
- Change the font family, remove @import…..; line from CSS part, and paste your own font-family,
- Change the line-height (space between two line) as you want default is 1.4, Change font size 16px to any px you want.
These codes are optimize for providing maximum support on every web browser, old browser and IE may not support these effects.
Last words, don’t forget to mention your feedback, stay touch more CSS3 border I’ll publish soon, until than chill…