css实现文字段落滚动阴影更多效果代码
代码语言:html
所属分类:加载滚动
代码描述:css实现文字段落滚动阴影更多效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .scrollbox { overflow: auto; width: 400px; max-height: 200px; --g:radial-gradient(55% 20px, #0009, #0000); background: linear-gradient(#fff 10px, #0000 40px calc(100% - 40px),#fff calc(100% - 10px)) local, var(--g) top /100% 200%, var(--g) bottom/100% 200%; } body { margin:0; height:100vh; display:grid; place-content:center; font-size:25px; } </style> </hea.........完整代码请登录后点击上方下载按钮下载查看
网友评论0