canvas烟花特效锦集
发布时间：2020-05-13 08:30:19 所属栏目：MySql教程 来源：站长网
导读：副标题#e# 实现一 html canvas id=canvas/canvas css body {background: #000;margin: 0;}canvas {cursor: crosshair;display: block;} js // when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval//
|
html, body { padding: 0px; margin: 0px; background: #222; font-family: 'Karla', sans-serif; color: #FFF; height: 100%; overflow: hidden; } h1 { z-index: 1000; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-100%); font-size: 58px; overflow: hidden; } span { position: relative; display: inline-block; animation: drop 0.75s ease 0s; } canvas { width: 100%; height: 100%; } @keyframes drop { 0% { transform: translateY(-100px); opacity: 0; } 90% { opacity: 1; transform: translateY(10px); } 100% { transform: translateY(0px); } } js （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
