css实现文字撕裂裂开效果代码
代码语言:html
所属分类:布局界面
代码描述:css实现文字撕裂裂开效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet"> <style> * { box-sizing: border-box; } :root { --background-color: black; --text-color: hsl(0, 0%, 100%); } body { margin: 0; } .wrapper { display: grid; place-content: center; background-color: var(--background-color); min-height: 100vh; font-family: "Oswald", sans-serif; font-size: clamp(1.5rem, 1rem + 18vw, 15rem); font-weight: 700; text-transform: uppercase; color: var(--text-color); } .........完整代码请登录后点击上方下载按钮下载查看
网友评论0