css实现鼠标悬浮文字模糊飞舞雾化动画效果代码
代码语言:html
所属分类:悬停
代码描述:css实现鼠标悬浮文字模糊飞舞雾化动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" user-scalable="no"> <style> html, body{ min-height: 100%; background: #000; line-height:24px; } *{ margin:0; padding:0; font-size:18px; } ul{ list-style:none; } .hide{ display: none; } .lf{ float: left; } .lr{ float: right; } .red, .red a,.red a h5, .red a p{ color:#FF0000 !important; } a { text-decoration: none; color: inherit; } .mr2 { margin-right: 1rem; } .ml2 { margin-left: 1rem; } .main-group{ box-sizing: border-box; max-width:1000px; overflow: hidden; height:100vh; padding:0 5em; display: flex; align-items: center; margin: 0 auto; } .main-group .text{ color: #fff; font-size: 1em; } .main-group .text span{ position: relative; display:inline-block; cursor: pointer; } .main-group .text span.action{ ani.........完整代码请登录后点击上方下载按钮下载查看
网友评论0