css滚动边框动画效果
代码语言:html
所属分类:表单美化
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Roboto:700,300,400|Playfair+Display:600,600i,700,700i|Fredoka+One&display=swap" rel="stylesheet"> <style> :root { --color-first: #65587f; --color-second: #f18867; --color-third: #e85f99; --color-forth: #50bda1; --block-width: 300px; --block-height: 270px; --border-width: .625rem; --border-radius-outer: 8px; --border-radius-inner: calc(var(--border-radius-outer) /2); --font-plain: 'IBM Plex Sans', sans-serif; --font-special: 'Fredoka One', sans-serif; box-sizing: border-box; line-height: 1.4; } *, *:before, *:after { box-sizing: inherit; } body { background: #f2f2f2; color: #5e5e5e; font-family: var(--font-plain); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0