烟雾消散特效
代码语言:html
所属分类:三维
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Smoke Effect</title> <style> @import url(https://fonts.googleapis.com/css?family=Finger+Paint); * { margin: 0; padding: 0; outline: 0; } html, body { width: 100%; height: 100%; overflow: hidden; background: black; font-family: "Finger Paint"; } #myCanvas { z-index: -1; } span { font-size: 100px; display: inline-block; text-shadow: 0 0 0 whitesmoke; -webkit-animation: smoky5s 3s both; animation: smoky5s 3s both; } .text { position: absolute; top: 30%; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } span:nth-child(even) { -webkit-animation-name: smoky-mirror; animation-name: smoky-mirror; } @-webkit-keyframes smoky .........完整代码请登录后点击上方下载按钮下载查看
网友评论0