Image hover 2
Thursday, January 10, 2013 • 11:57 PM •
0 comments
1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, copy code dekat bawah ni
img{
-webkit-border-top-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomright: 100px;
border-top-left-radius: 100px;
border-bottom-right-radius: 100px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-right-radius: 100px;
border-bottom-left-radius: 100px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;}
5.paste kt atas </style>
6. preview & save
Older Post | Newer Post
)
