About

Labels

slider

Navigation

3 CSS3 snippets you must use

3 CSS3 snippets you must use
Well,after the arrival of CSS3 the web layouts are dramatically changed,since they are now more customized and optimize to get better user response.Though,I can't teach you how to create that beauties but,I can give some snippets to make up your blog/site.

Scroll bar


As it is the webkit scroll bar,that is the reason that it will work only in Chrome.
::-webkit-scrollbar
{
width: 12px;
}
::-webkit-scrollbar-track
{
border-radius: 10px;
webkit-box-shadow: inset 0 0 6px #00b3ff;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
webkit-box-shadow: inset 0 0 6px #00b3ff;
}

Selection 

If a user select any text then the background color and text color will change according to given code.
::selection
{
background: #00b3ff;
color: #fff;
}
::-moz-selection
{
background: #00b3ff;
color: #fff;
}

Links with pseudo selector

Change appearance of every link,either normal or hover.
a:link
{
color: blue;
}
a:visited
{
color: purple;
}
a:hover
{
color: red;
}
a:active
{
color: yellow;
}
Share
Banner

Muhammad Hamza

Themelet provides the best in market today. We work hard to make the clean, modern and SEO friendly blogger templates.

Post A Comment:

0 comments: