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