Probando buleet y codigos – Automovil ~ DemoMetra

Probando bulets Probando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando buletsProbando bulets.

Mi primer bullet modernui
El segundo emjor
el tercero
el cuarto
el quinto
me aburri

Probando codigo

Mostrar Codigo

#widget_preview p input[type="button"]:hover,
#widget_preview p input[type="submit"]:hover {
    background-color: #333333;
}
#widget_preview p input[type="button"]:active,
#widget_preview p input[type="submit"]:active {
    -webkit-box-shadow: 2px 2px 6px #000000 inset;
       -moz-box-shadow: 2px 2px 6px #000000 inset;
        -ms-box-shadow: 2px 2px 6px #000000 inset;
         -o-box-shadow: 2px 2px 6px #000000 inset;
            box-shadow: 2px 2px 6px #000000 inset;
}
#widget_preview ul {
    padding: 0px 10px;
    margin: 0px;
    list-style: none;
    padding: 20px;
    margin: 0px 20px 20px 20px;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
         -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
#widget_preview li {
    background: url('../images/bullet.png') no-repeat 10px 50%;
    padding: 10px 10px 10px 45px;
    background-color: #EEEEEE;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#widget_preview li:first-child {
    border-top: none;
}
#widget_preview li:last-child {
    border-bottom: none;
}
#widget_preview li:hover {
    background-color: #DDDDDD;
    background-position: 20px 50%;
    padding-left: 55px;
}

@-webkit-keyframes widget_preview {
    from {opacity: 0; -webkit-transform: translateY(-20px);}
    to {opacity: 1; -webkit-transform: translateY(0px)}
}
@-moz-keyframes widget_preview {
    from {opacity: 0; -moz-transform: translateY(-20px);}
    to {opacity: 1; -moz-transform: translateY(0px)}
}
@-ms-keyframes widget_preview {
    from {opacity: 0; -ms-transform: translateY(-20px);}
    to {opacity: 1; -ms-transform: translateY(0px)}
}
@-o-keyframes widget_preview {
    from {opacity: 0; -o-transform: translateY(-20px);}
    to {opacity: 1; -o-transform: translateY(0px)}
}
@keyframes widget_preview {
    from {opacity: 0; transform: translateY(-20px);}
    to {opacity: 1; transform: translateY(0px)}
}

DemoMetra

viernes, 19 de abril de 2013

Probando buleet y codigos – Automovil

Popular Posts

Recent Posts

Categories

Blog Archive