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.
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.
Đ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:
Dán đoạn code sau vào vị trí mà bạn muốn trái tim hiển thị.
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é
Đ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é
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|