首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css3
订阅
A同学98491
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
一个"剑气"加载🌪️
我们在网页加载的时候总会加上一些过渡效果来引导用户,减少白屏时间,而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就...
CSS 实现多行文本“展开收起”
多行文本展开收起是一个很常见的交互, 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时,不显示“展开收
血轮眼轮回眼特效 html+css
效果(完整代码在底部): 实现并不难,都是重复的代码比较多。 实现(可跟着一步一步写): 1. 先定义基本标签: 2. 定义左右眼的基本css样式: border-bottom: 5px solid
前端优秀实践不完全指南
本文其实应该叫,Web 用户体验设计提升指南。 ... 所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。 良好的用户体验设计…
CSS奇思妙想 -- 使用 CSS 创造艺术
本文属于 CSS 绘图技巧其中一篇。之前有过一篇:在 CSS 中使用三角函数绘制曲线图形及展示动画 想写一篇关于 CSS 创造艺术的文章已久,本文主要介绍如何借助 CSS-doodle ,利用 CSS 快速创造美妙的 CSS 图形。 本文的所有技巧都会围绕这个布局展开,属于一类…
2020更新,Vue仿探探拖拽卡片的效果
类似Tinder和探探的卡片效果的组件,社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果,就是类似我的女神邱淑贞这样。 其实我最早实现这个效果,是在2018年的时候,在weex上实现过一版。原帖请看这里:https://zhuanlan.zhihu…
纯CSS实现常见的UI效果
大家好,这里是CSS魔法使——alphardex。 切图仔,是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候,大部分时间是在切图和排图,如此往复。这里并不是要否定切图本身,而是在质疑:一直切图到底对自己的功力增长有何好处?想想UI丢给你一套好看的界面,你却只需一个img标…
冬天到了,给你的网站下个雪吧
女朋友常逛的设计网站这两天页面上多了下雪的效果,于是问我我的网站能下雪吗,作为一个程序员我一般会说实现不了,但是作为男朋友,不能说不行。 当然,最好的方式是用canvas来画。 因为tan(θ)=sy/sx,θ=Math.atan(sy / sx),因为雨的线段默认是从上到下垂…
css 各种居中方法总结
在使用 css 设置页面样式时会经常遇到需要居中的情况,下面我总结了一些 css 在不同条件下实现居中的方法。有一些方法具有一些 hack 味道,大家看看就好。
「前端料包」一文吃透盒子模型BFC
接触写博客有一段时间了,都是边学边学着写,但总感觉写的凌乱,想起啥写啥。这几天在刷红宝书,收获还是蛮多的,决定结合自己的学习,写一个系列,我叫它 「前端料包」,旨在巩固前端基础,努力提升自己,同时也乐于做一个分享者。这个系列包括但不限于下面脑图中的内容,目录和发文顺序暂且如下图…