div+css布局实现文字光照投影效果代码
代码语言:html
所属分类:布局界面
代码描述:div+css布局实现文字光照投影效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @import url(https://fonts.bunny.net/css?family=bai-jamjuree:300,600,700); *, ::before, ::after { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg-clr: black; --txt-clr: white; } body { font-family: system-ui; min-height: 100svh; display: grid; place-content: center; background-color: var(--bg-clr); } .layered-text { --txt-cta: rgb(2, 132, 199); position: fixed; inset: 0; margin: auto; display: grid; place-content: center; overflow: hidden; height: auto; } p { color: var(--txt-clr); font-family: "Bai Jamjuree", sans-serif; font-size: 1rem; font-weight: 300; line-height: 0.75; } p:first-child { text-indent: 35px; margin-bottom: -1px; } p.........完整代码请登录后点击上方下载按钮下载查看
网友评论0