前端升级
关注
分享
扫一扫
文章平均质量分 58
小爷很皮
这个作者很懒，什么都没留下…
展开
-
数据可视化-echart-pink
可视化面板介绍 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。01-使用技术完成该项目需要具备以下知识：div + css 布局flex 布局Less原生js + jquery 使用rem适配echarts基础02- 案例适配方案设计稿是1920pxflexible.js 把屏幕分为 24 等份cssrem 插件的基准值是 80px插件-配置按钮—配置扩展转载 2021-11-05 22:42:27 · 669 阅读 · 0 评论 -
css前后对比特效
1.准备知识写在前面的准备知识filter:blur(5px)filter: brightness(0);100%为原样子contrast 对比度 ，对比越大，想应的颜色越亮drop-shadow 跟box-shadow很像 但是可能一些浏览器开启硬件加速drop-shadow(x y radius color)grayscale() 灰度 100%全灰hue-rotate色相旋转，不知道干嘛的invert(翻转) 不知道干嘛的下面提一下关于 -webkit-appea原创 2021-10-10 22:13:54 · 377 阅读 · 0 评论 -
css文字聚光灯
spot-lightbasic-shapeclip-path: inset(22% 12% 15px 100px);inset(上，右，下，左)circle(r at x y)polygon(x1 y1,x2 y2 …)ellipse(长轴 短轴 at x y)background-clip:text;1.index.html<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2021-10-10 18:42:03 · 167 阅读 · 0 评论