Blogger Ever

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;
}
Blogger

2013-2016 Copyright Blogger E\ver . Coded, managed and founded by Mohammad Hamza (@hamzadhamiya) . Hosted on Blogger and fonts used are Raleway and Open Sans.