Chào mừng đến với Diễn Đàn Tin Học VN! Hãy chia sẽ những gì bạn biết, và đưa ra thắc mắc của bạn để được giải đáp.

Xem chủ đề cũ hơnGo downXem chủ đề mới hơn
phoenix51706
phoenix51706
Admin
Tổng số bài gửi : 171
Join date : 30/07/2010
https://diendantinhocvn.forumvi.com

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

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.

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

Đ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é
Xem chủ đề cũ hơnVề Đầu TrangXem chủ đề mới hơn
Permissions in this forum:
Bạn không có quyền trả lời bài viết