Css 3 checklist
Download as DOC, PDF1 like537 views
This document summarizes several CSS3 properties including border-radius for rounded corners, gradient for color gradients, box-shadow for drop shadows, and text-shadow. It provides the syntax for each property for both Firefox (-moz-) and Webkit (-webkit-) browsers, including values for position, color, blur size, and spread.
1 of 2
Download to read offline
Css 3 checklist
- 1. CSS 3 Properties -moz (For Firefox) –webkit (For safari, chrome, iphone, ipad) Border-radius -moz-border-radius:5px 10px 15px 20px; -webkit-border-radius:5px 10px 15px 20px; 5PX – Top Left 10px – Top Right 15px – Bottom Right 20px – Bottom Left (For rounded corner effect) Gradient background: -moz-linear-gradient(top , #ffffff 0%, #d2d2d2 100%); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3258a6), color-stop(50%, #2f3c96), color-stop(51%, #171a49), to(#04043c)); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(31,47,59)), color-stop(1, rgb(6,10,11)) ); (For gradient effect) Box shadow -moz-box-shadow:0px 0px 5px 5px #1c3944; -webkit-box-shadow:inset 0px 5px 3px 0 #1c3944; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 0 2em rgba(255,255,255,0.15); (For inner shadow effect) Text shadow text-shadow: 0 -1px 0 rgba(0,0,0,0.8);