首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
zishiluojin
更多收藏集
微信扫码分享
微信
新浪微博
QQ
30篇文章 · 0订阅
淘系前端团队
2年前
前端
仅使用CSS提高页面渲染速度
作者:大漠用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅。如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员,给自己应用提供更快的访问速度,提供很好
2.6w
1498
47
前端自学驿站
2年前
CSS
【建议收藏】css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分,对于基本选择器我就不说了,主要讲下伪类选择器,组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式,这个算是这个选择器的亮点了。 上面这两我就不说了,相信大家都用烂了。主要说说下面这两个。 好了,在讲完这些选择器之后我们来…
3.2w
1065
82
程序me
3年前
JavaScript
H5 直播的疯狂点赞动画是如何实现的?(附完整源码)
直播有一个很重要的互动:点赞。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候,是渐渐消失。 收到大量的点赞请求的时候,点赞动画不扎堆,井然有序持续出现。 用 CSS3 实现动画,显然,我们想到的是用 animation 。 首先看下 animation 合并写法,具体含义…
2.2w
720
77
SheldonLaw
3年前
CSS
纯CSS实现简单骨骼动画
某天设计师来找我说,“这个心愿牌傻傻地挂在那不好看,加个动效呗,就左右摆动一下就行,很简单的!”,我一想,行呀,提升用户视觉体验,开搞。 十分钟后,🥶不对呀,这个左右摆动好假,不像现实中风吹的效果。 冷静思考🤔,为啥这个摆动会没有灵魂。于是拿起工卡开始摆动,看看现实中的摆动…
1.9w
719
70
铁皮饭盒
3年前
CSS
SCSS
真.1px边框, 🚀 支持任意数量边和圆角, 1 个万金油的方法
🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…
1.5w
453
64
YuanXin
3年前
CSS
前端动画专题(三):撩人的按钮特效
因为 button 元素可以使用 before/after 伪元素,所以借助伪元素,可以实现动态图中的遮盖层。 为了避免回流重绘,滑箱的运动方向是垂直方向,所以使用scaleY属性。对于动画的方向,需要借助transform-origin改变动画原点。 果冻特效可以分割成 5 …
1.9w
360
22
Damonare
6年前
CSS
CSS三栏布局的四种方法
前言 总括: 不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的,也许你不知道什么事三栏布局什么是两栏布局但实际已经在用,或许你知道三栏布局的一种或两种方法,但实际操作中也只会依赖那某一种方法,本文具体的介绍了三栏布局的四种方法,并介绍了它的使用场景。 原文地址:CSS三…
8675
350
21
流年年不夏半殇
4年前
CSS
纯 CSS 实现多行文字截断
基于上述的准则,下面我就讲介绍各种技巧实现截断效果,并根据上述的评判标准得出最优解。 文本溢出我们经常用到的应该就是 text-overflow: ellipsis 了,相信大家也很熟悉,只需轻松几行代码就可以实现单行文本截断。 属性浏览器原生支持,各大浏览器兼容性好,缺点就是…
4774
100
7
上九天吃瓜
4年前
CSS
【CSS】Grid 布局总结
1. 前言 grid 布局是 css 中的一种新的布局方式,对盒子和盒子内容的位置及尺寸有很强的控制能力。与 flex 不同,flex 着重于单轴,而 grid 适应于多轴,下面就来做个简单的介绍。 2. 基本概念 设置 display: grid; 的元素称为容器,它的直接子…
5964
99
11
rookie_fly
3年前
CSS
前端布局必须了解的css选择器
有时候我在想,我们前端写页面比较花时间,能不能减少这部分时间呢?当然你会说“你傻啊,不是有UI库嘛!”,但是别忘了,不是每个项目都有可用的UI库,同时使用别人的UI库,并不能百分比能够解决你所有的问题,如果我们对CSS选择器了解的更多一些,或许就可以少写很多JavaScript…
1.9w
349
35