首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
Ainz
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
css 边框流光效果
使用 css 实现元素边框流动光线的效果。其本质是旋转的渐变色被两个块盒剪切后,剩余的边角线展示出来的效果。
【动画进阶】神奇的 3D 卡片反光闪烁动效
最近,有群里在群里发了这么一个非常有意思的卡片 Hover 动效,来源于此网站 -- key-drop,效果如下: 非常有意思酷炫的效果。而本文,我们不会完全还原此效果,而是基于此效果,尝试去制作这么
上班摸鱼时写了个 b 站 banner 的鼠标跟随动画效果
在 bilibili 主站 PC 端,时不时会看到其顶部横幅栏是一个随鼠标变化的动画:我们今天也来实现一下吧
实现多行文字被颜色逐渐填满的特效
大家好哇,又到了夜深人静更文的时候啦!周五加班的我,准备开始更文就已经十一点了,但是更文大业不能停哇~做一件事无论成败,贵在过程,贵在坚持不是吗?
《Web动画周报》第一期:好戏开场
周报将 Web 动画大致分为三类:CSS 动画、SVG 动画 和 WebGL/Canvas 动画。所有的动画将按类别展示,方便读者有针对性的学习。 1. 《给个好评嘛》作者:Mert Cukuren 这是一个纯 css 实现的动画, <label> 的背景图片是星星,通过检查 …
大厂是怎么做移动端适配的(摘抄)
随着Web技术的革新,移动端适配方案也在不断的变化,网上有很多关于移动端适配的文章,说什么rem布局已经过时,vw适配才是最好的适配方案。有这种理解的同学是错误的,任何适配方案都有它的优缺点,要结合自己的使用场景来进行选择。 文章先讲一下几种常见的适配方案,然后再看看几个大厂(…
前端响应式布局原理与方案(详细版)
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就够,缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果,分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
CSS 实现优惠券的技巧
在实际 Web 开发过程中,总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式,就是一种在活动充值页非常普遍的优惠券效果,如下 首先,碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩,可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
前端优秀实践不完全指南
本文其实应该叫,Web 用户体验设计提升指南。 ... 所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。 良好的用户体验设计…
奇思妙想 CSS 文字动画
本文将会和这篇 -- CSS 奇思妙想边框动画类似,讲一些文字效果,利用不同的属性搭配,实现各式各样的文字动效。 在写各种 DEMO 的时候,有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体,它也提供了非常快…