Return to Snippet

Revision: 47044
at May 31, 2011 05:54 by codepunk


Initial Code
a.read-more {
    display: block;
    margin: 0 auto;
    width: 120px;
    padding: 2px 5px;
    border: 1px solid #2f2626;

    background: rgba(237,95,0,0.3);
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
a.read-more:hover {
    background: rgba(237,95,0,1.0);
    border-color: rgba(237,95,0,1.0);

    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2); 

    -moz-box-shadow: 0 0 20px black;
    -webkit-box-shadow: 0 0 20px black;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

Initial URL

                                

Initial Description

                                

Initial Title
CSS3 expanding links

Initial Tags
CSS3

Initial Language
CSS