thủ-thuật-blog

Tạo hiệu ứng trượt và mờ dần khi tải trang

#hieu ung truot va mo dan khi tai trang, #hieu ung khi tai trang, #load trang, #tai trang

Để thêm hiệu ứng này, bạn thêm đoạn CSS này vào trước thẻ


]]></b:skin>

body {animation: fadeIn 3s;-webkit-animation:fadeIn 3s;-moz-animation:fadeIn 3s}
@keyframes fadeIn{from{opacity:0;transform:translate(0px,0)}to{opacity:1}}
@-webkit-keyframes fadeIn{from{opacity:0;transform:translate(0px,0)}to{opacity:1}}
@-moz-keyframes fadeIn{from{opacity:0;transform:translate(0px,0)}to{opacity:1}}
@-o-keyframes fadeIn{from{opacity:0;transform:translate(0px,0)}to{opacity:1}}

Sau khi nhấn Lưu, bạn nhấn phím F5 để tải lại trang và xem kết quả.