TutorialBlog: Skewed Effect When Hover

Assalamualaikum dan salam sejahtera,

-SAMPLE-

1. Log in > Dashboard > Design > Edit Html.

2. Ctrl+F, find this code:

.post blockquote { OR   blockquote:hover {

3. Copy this code:

blockquote:hover {
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px 12px;
-webkit-transform: skew(1.deg,1.5deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg); }
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

4. Paste the code, then save!

Source: Lyssa

Share your experience down below!