Sharingan với CSS3

Animation Sharingan With CSS3

Dành cho những ai yêu thích Naruto. Đây là thủ thuật tạo widget Sharingan bằng CSS3 đẹp mắt.

Sharingan Madara với CSS3

Bước 1: Chèn đoạn CSS sau trước thẻ ]]></b:skin>

 .Sharinganmadara {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzL2rCM7AlT-GW_xN3oH5RA_JTOKc3MrPtceSGWg5GJqh-kb6iQ5hlAo8tZQgzHSiXl44Dc9CmK7DGbIr3C2TA3P1jC3AwpDH_xSb-2-Y1W5EdQieAb3szTctax0qQPDTTms_J-QPWMJL/s320/300px-Mangekyou_Sharingan_Madara.svg.png) no-repeat;
height: 300px; line-height: 46px;
width: 300px;
-webkit-transition: all 2s ease-in-out;
}

.Sharinganmadara:hover {
-webkit-transform: rotate(900deg);
} 

Bước 2: Chèn HTML sau ở vị trí mà bạn muốn widget hiển thị

 <div class="Sharinganmadara">
</div> 

See the Pen WbqwKp by Iris Tips (@IrisTips) on CodePen.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Johanes/Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm