Share
View previous topicGo downView next topic
avatar
Admin
Tổng số bài gửi : 136
Join date : 2010-07-30
View user profilehttp://diendantinhocvn.forumvi.com

Làm trái tim đập thùm thụp cho blogspot

on 02/01/18, 09:46 pm
Bạn có một blog tình yêu muốn có một trái tim đập nhộn nhịp để tô điểm thêm cho nó lộng lẫy để khoe với mọi người.



Đoạn code dưới đây sẽ giúp bạn làm điều đó.

Tìm đoạn code ]]> và dán vào trước nó đoạn CSS dưới đây:

Code:
/* [Start] Trái tim đập */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
to{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}}
@keyframes pulse{from{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
to{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
/* [End] Trái tim đập */

Dán đoạn code sau vào vị trí mà bạn muốn trái tim hiển thị.

Code:
<i class='fa fa-heart animated infinite pulse' style='color:red'></i>

Lưu ý: nếu blogs của bạn chưa có awesome fonts thì nhớ thêm nó vào để trái tim có thể hiển thị và đập nhé
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum