Code chạy xe máy qua lại
Dán
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<div class="theme-newyear"> <img src="//webdy.vn/public/files/uploads/2024/03/motorbike.png" width="70" height="58" class="motorbike"> </div> <style> .theme-newyear .motorbike { left: calc(100% - 80px); max-width: 70px; position: absolute; top: -55px; transform: scaleX(1); animation: motorbikeAnimation 24s infinite ease-in-out; }@keyframes motorbikeAnimation{ 0% { left: 0; transform: scaleX(1); } 49% { left: calc(100% - 80px); transform: scaleX(1); } 50% { left: calc(100% - 80px); transform: scaleX(-1); } 51% { left: calc(100% - 80px); transform: scaleX(-1); } 100% { left: 0; transform: scaleX(-1); } } </style> |
Quý khách cần tư vấn thiết kế web giá rẻ, vui lòng nhấn nút bên dưới:
Chào ! Bạn thấy nội dung này thế nào?
Xem thêm:
