前端
岳晨龙
这个作者很懒,什么都没留下…
展开
-
svg实现文字笔画流动效果
背景: 前段时间着手某一项目时UI提出实现文字笔画流动效果的需求,故在github和gitee上寻找灵感,最后从一位学长的项目(https://gitee.com/yzzer/yzzer123.github.io)中找到了实现方法,感觉收获颇多,特此记录。 解决方案: 搭建svg基本的html结构: <div class="container"> <svg viewBox="0 0 1000 300"> <symbol id="line-text">原创 2020-12-02 23:26:05 · 803 阅读 · 0 评论 -
在不同内核的浏览器中实现滚动条隐藏的效果
项目场景: 用vue.js开发一个数据统计系统时,采用将主菜单固定在左侧作为公共组件的布局形式,由于菜单项过多致使出现滚动条,为了美观开发小组打算将滚动条隐藏。 问题描述: 仅通过一句css样式无法在各浏览器中都实现滚动条隐藏的目标效果。 原因分析: 不同浏览器的内核未必相同,因此在一些样式的设置上有差异。因此在前端开发的过程中免不了考虑不同浏览器的样式兼容问题。 解决方案: 经过上网查询资料得知,webkit内核浏览器(如谷歌浏览器)自带滚动条伪元素-webkit-scrollbar,因此可以原创 2020-10-16 16:50:37 · 220 阅读 · 0 评论