ZEN CONSULTING : Customize Labels Widget with Stylish Cool Effects

lunes, 22 de diciembre de 2014

Customize Labels Widget with Stylish Cool Effects

To generate this effect, you need to edit the template of your blog, and add the following code after the <body> tag:

.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}

.Label a {