首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
彭燕昆
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践
不知不觉在网易已有三年半,占了一半时间都在与移动端打交道,整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,怎样填都填不完。Android和iOS各显神通,Android的系统版本和屏幕分辨率多得难以一招兼容,iOS的顽固标准…
【译】这44个 CSS 精选知识点你能在30 秒内给出答案吗?
一个周五的晚上,闲来无事整理下自己的 github(经常做收藏党),今天打算都过一遍,发现一个star很高的项目,里面有大量的 CSS 片段,而且标题很诱人,然后又花了将近1个小时从头到尾过了一遍,其中一些是我们常用的一些知识点,另外也包含一些比较新的属性的应用,知识点挺多的,…
CSS实现两个球相交的粘粘效果
这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。 一开始我们来玩Photoshop,会比直接写CSS来得容易理解(没有Photos…
不可思议的纯 CSS 实现鼠标跟随效果
直接进入正题,鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样: 通常而言,CSS 负责表现,JavaScript 负责行为。而鼠标跟随这种效果属于行为,要实现通常都需要借助 JS。 当然,本文的重点,就是介绍如何在不借助 JS 的情况下使用 CS…
推荐的十个CSS动画库
在这篇文章中,我将向你展示目前为止,我发现/遇到的十个优秀的CSS动画库。 我大约尝试30种,但是这十种是我找到最好的。 请注意,这些库不需要引入JavaScript就可以运行。 这个站点是我不久前才发现的,但是我立马爱上了她。实话说,它值得被提出。 你可以选择你喜欢的动画类型…
if 我是前端团队 Leader,怎么制定前端协作规范?
笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人),自己就是规范。随着公司业务的扩展,扩充了一些人员,这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来一些帮助. 一个人走的更快,一群人可以走得更远,前提是统一的策略…
CSS3 中 box-shadow 妙用
on CodePen. 不使用inset,默认阴影在边框外,即阴影向外扩散。 使用 inset 后,阴影在边框内(即使是透明边框),即阴影向内扩散,背景之上内容之下。 这是头两个 length 值,用来设置阴影偏移量。x,y 是按照数学二维坐标系来计算的,只不过y垂直方向向下。…
探秘 flex 上下文中神奇的自动 margin
水平垂直居中也算是 CSS 领域最为常见的一个问题了,不同场景下的方法也各不相同,各有优劣。嗯,下面这种应该算是最便捷的了: 嗯。这里其实就涉及了一个问题,如何让 margin: auto 在垂直方向上生效? 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…
16 CSS Progress Bars
Collection of hand-picked free HTML and CSS progress bar code examples. Interactive progress bar pure CSS. Progress bars with CSS animation…