oh!! God when i will use CSS3 hussssssss!!!!!

4 Feb

I am very very excited to use html 5 & CSS3

When i was surfing for html5 & css3 i found fantastic demo html & css

Look this will help you..
sample css for CSS3


/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

/*——————————
=NAVIGATION
——————————*/

nav {
position: absolute;
left: 0;
width: 100%;
background: url(“images/nav_background.png”);
}

css3 background attribute
/* Background-size not implemented yet */
-webkit-background-size: 100%;
-o-background-size: 100%;
-khtml-background-size: 100%;

/* Border-radius not implemented yet */
-moz-border-radius: 22px;
-webkit-border-radius: 22px;

for border radius
/* Border-radius not implemented yet */
-moz-border-radius: 22px;
-webkit-border-radius: 22px;

the new feature added in css3 for column is very useful for formatting the text

/* Column-count not implemented yet */
-moz-column-count: 2;
-webkit-column-count: 2;

/* Column-gap not implemented yet */
-moz-column-gap: 22px;
-webkit-column-gap: 22px;

for shadow
-webkit-box-shadow: 3px 3px 7px #777;

there are some new techniques for form data through css

/*------------------------------
=COMMENT FORM
------------------------------*/
form {
margin-top: 21px;
padding-top: 22px;
border-top: 1px solid #d7d7d7;
}

form p {
display: table;
margin-bottom: 22px;
padding: 0 22px;
}

form label {
display: table-cell;
width: 140px;
padding-right: 20px;
text-align: right;
font-weight: bold;
vertical-align: top;
}

form input[type=”text”], form input[type=”email”], form input[type=”url”] {
display: table-cell;
width: 300px;
height: 20px;
border: 1px solid #d7d7d7;
}

form textarea {
width: 300px;
height: 100px;
border: 1px solid #d7d7d7;
}

form input[type=”submit”] {
margin-left: 162px;
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: