ALL

Posted: May 28, 2012 in ALL

ROTATE IMAGE
———————-

.social-img {width:29px; height:29px; float:left; margin-left:6px; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}

.social-img:hover {width:29px; height:29px;
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg);}
——————-
SECOND
.social-img:hover { transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg); /* Safari and Chrome */
-moz-transform: rotateY(360deg); /* Firefox */}

=============================================================================================

3-D BUTTON
——————-

a { background-image: url(original_background.jpg); }
a:hover { background-image: url(mouseover_background.jpg); }
a:active { background-image: url(click_background.jpg); }

=============================================================================================

OPEN IN NEW WINDOW

——————-

Some time this code does not work :

target=”_blank”

target=”_new”

We Use :

<a href=”http://www.test.com&#8221; onclick=”window.open(this.href);return false;” ><img src=”../images/test.png” alt=”test” /></a>

OPEN LINK SELF WINDOW

<a href=”../the-guest-house.html” onclick=”window.open(‘the-guest-house.html’,’_self’);return false;”>The Guest house</a>

=============================================================================================
BACKGROUND COLOR CHANGE IN WEBSITE TEXT SELECTION

::selection { background: #FF5E99; color: #fff; text-shadow: none; }

::-moz-selection { background: #FF5E99; color: #fff; text-shadow: none; }

Advertisements

Comments are closed.