首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
MRKevin5494
更多收藏集
微信扫码分享
微信
新浪微博
QQ
74篇文章 · 0订阅
css 流光按钮
发现一个炫酷效果,实现简单炫酷,直接复制查看效果 效果如下-----------------------------
前端优秀实践不完全指南
本文其实应该叫,Web 用户体验设计提升指南。 ... 所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。 良好的用户体验设计…
纯 CSS 制作摇骰子(随机结果)
大家好,我是 Steven。 这一期,我们会做一个摇骰子的效果。等等,这个很容易?那就挑战一下,不用 JavaScript,只用 CSS 去制作,我们来看看怎么实现。 里面是骰子从一到六的面板,然后为了等下转骰子的时候看上去随机一点,这里我将一到六的顺序掉乱一下。 打开 Cod…
你可能不知道的 transition 技巧与细节
CSS 中,transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法,也就是给元素添加一个 transition,让其某个属性从状态 A 变化到状态 B 时,不再是非常直接突兀,而是带有一个补间动画。 当然,除了上述基本的用法,其实 CSS t…
CSS 奇思妙想边框动画
觉得它的风格很独特,尤其是其中一些边框。 嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。 谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。 除了最常见的 solid,dashed,CSS b…
纯CSS实现常见的UI效果
大家好,这里是CSS魔法使——alphardex。 切图仔,是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候,大部分时间是在切图和排图,如此往复。这里并不是要否定切图本身,而是在质疑:一直切图到底对自己的功力增长有何好处?想想UI丢给你一套好看的界面,你却只需一个img标…
8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结
前段时间笔者收到可爱漂亮的小册姐姐的邀请,做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》,跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美,首日预售就达到709本,预售仅三日就破1000本。这也让笔者感到惊讶,没想到CSS技术还是那么受倔友们的欢迎…
简单实用又不花里胡哨的鼠标滑过样式
一、纯图片的DIVhtml代码(以下效果皆围绕这个代码展开):1、缓动上移效果图:2、放大效果效果图:3、框内放大效果效果图:4、蒙层效果效果图:二、上图下文的DIV不建议将整个div放大,会导致文字
怎么画一条0.5px的边(更新)
像素是屏幕显示最小的单位,在一个1080p的屏幕上,它的像素数量是1920 * 1080,即横边有1920个像素,而竖边为1080个。一个像素就是一个单位色块,是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说,它有1200万个感光单元,它能输出的最大图片分辨率…
【译】8 张 Gif 图学会 Flexbox
在本文中,我们将通过图文并茂的方式为大家介绍 Flexbox ,通过一些 GIF 动画让你直观地了解 Flexbox 的工作原理,并使用它来构建灵活的布局。学习 Flexbox 的小伙伴,不要错过咯。