首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
烟花不冷
更多收藏集
微信扫码分享
微信
新浪微博
QQ
27篇文章 · 0订阅
前端优秀实践不完全指南
本文其实应该叫,Web 用户体验设计提升指南。 ... 所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。 良好的用户体验设计…
CSS 奇思妙想边框动画
觉得它的风格很独特,尤其是其中一些边框。 嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。 谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。 除了最常见的 solid,dashed,CSS b…
你的垂直居中有问题?我竟无法反驳 🤦🏻♂️
我们平常实现的垂直居中不是真正的垂直居中?何出此言!很多时候,往往自己明明正确的实现了垂直居中,但是 UI/UX 依旧说你的垂直居中有问题,然后自己仔细一看确实好像在视觉效果上存在一些偏差,但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…
教你使用CSS3实现新拟态UI
新拟态的英文名称是“Neumorphism”,是New+Skeuomorphism的组合词,同时也叫“Soft UI”。简单讲,新拟态是一种图形样式,其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年,新拟态的UI设计风靡一时,它被誉为2020年最火的UI设计…
纯 CSS 实现像极了爱情
最近突然回想到之前看过的一个动画,是一个正方体向球体表示爱意,被拒绝,改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换,所以我们需要一个导演把控全局,写个简单效果进行测试。 测试完成。 2. 猪脚 cube 登场 龙套们退场,猪脚登场。 这样猪脚看起来还是眉清目秀的。…
PurifyCSS – Remove unused CSS(去掉无用的CSS)
Remove unused CSS. Also works on single-page apps.
css篇--100道近两万字帮你巩固css知识点
继上一篇html篇之后,看到小伙伴留言说期待后面整理的CSS和JS篇,工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹,囊括了目前大部分在面试当中常见的内容,包括一些易踩雷的知识点。文章篇幅较长,建议收藏慢慢细品。 文中篇概念性的内容也蛮多,小编一…
理解 Flex 算法和常见应用
如果阅读过一些 Flex 入门的文章,会发现 Flex 的 Container 和 Item 的属性加起来大概十几个,虽然有些多,但是只要花点时间,其实掌握起来还是轻松加愉快的。不过当你高兴地想用 Flex 大显身手,处理复杂多变的布局时,就可能会遇到像:最大/最小尺寸限制等边…
我写CSS的常用套路
本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动…
个人总结(css3新特性)
css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有…