css实现文字悬浮断裂裂开效果代码
代码语言:html
所属分类:悬停
代码描述:css实现文字悬浮断裂裂开效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body { height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(brown, sandybrown); } .text { font-size: 5em; font-family: "arial black"; position: relative; color: transparent; } .text::before, .text::after { content: attr(data-text); position: absolute; top: 0; left: 0; color: lightyellow; transition: 0.2s; } .text::before { /* background-color: dar.........完整代码请登录后点击上方下载按钮下载查看
网友评论0