首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
果冻tfzwgd
掘友等级
前端开发
学习CSS中。。。
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
7
文章 7
沸点 0
赞
7
返回
|
搜索文章
果冻tfzwgd
前端开发
·
5年前
关注
CSS开关按钮三例
我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一...
19
1
分享
果冻tfzwgd
前端开发
·
5年前
关注
[译]CSS3实现柱状图的3D立体动画效果
这篇文章所实现的动画效果起源于一个小小的想法,这个想法来自于另一个网站的一篇文章,它介绍了如何在网页中使用CSS、图片和JavaScript创建立体的柱状图。在阅读了那篇文...
9
评论
分享
果冻tfzwgd
前端开发
·
5年前
关注
CSS3实现炫酷的切片式图片轮播效果
今天我们学习如何使用CSS创建一个炫酷的图片轮播组件。它的原理简单的说就是通过单击标签元素(label)来切换背景图像和动画效果。核心是使用与标签关联的单选按钮和使用通用兄...
41
5
分享
果冻tfzwgd
前端开发
·
5年前
关注
【整理】18种推荐的CSS命名和书写规范
与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的...
23
3
分享
果冻tfzwgd
赞了这篇文章
果冻tfzwgd
前端开发
·
5年前
关注
❤520,就用CSS给你的她(他)送颗心❤
今天是520。 一句温柔的问候,一束美丽的鲜花,一段真情的告白。 但是作为一名与众不同的程序员,我们可不仅仅拥有上面的传情方法,别忘了每个人的手上可是都有其他人不具备的神奇...
194
43
分享
果冻tfzwgd
前端开发
·
5年前
关注
RGB、HSL、Hex网页色彩码,看完这篇全懂了
网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页设计师最常使用的16进位色码标示法,而16进位码又是...
15
评论
分享
果冻tfzwgd
前端开发
·
5年前
关注
CSS实现两个球相交的粘粘效果
这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把di...
300
23
分享
果冻tfzwgd
赞了这篇文章
果冻tfzwgd
前端开发
·
5年前
关注
10个有趣的javascript和css库(2019年最新)
我们的使命是让您了解最新和最酷的Web开发趋势。这就是为什么我们每个月都会发布一些精选的资源,这些资源是我们偶然发现并认为值得您关注的。 强大的开源框架,用于开发复杂的定制...
5
评论
分享
果冻tfzwgd
赞了这篇文章
果冻tfzwgd
前端开发
·
5年前
关注
使用CSS实现逼真的水波纹点击效果
这篇文章特别介绍如何使用CSS来完成水波纹的效果。 虽然webkit具有遮罩的能力(webkit mask),不过webkit虽然强大,但在跨浏览器上总是它的罩门,况且在性...
95
1
分享
果冻tfzwgd
前端开发
·
5年前
关注
实现点击按钮后的CSS加载效果
由于自己公司产品里头,有个按钮在点击之后,会有一两秒的等待时间(寄认证信),因此为了避免点击后一两秒的加载时间空窗,就做个loading动画来强化使用者体验,原本想说直接用...
3
评论
分享
果冻tfzwgd
前端开发
·
5年前
关注
在CSS中解决内容过长的问题
当我们写css的时候,有时候会忘记设计里面存在的临界情况。举个例子来说吧,当内容的长度超过了我们的期望值,我们也无法解释其中的可能性,页面的设计很可能会因此而崩掉。我们不能...
23
4
分享
果冻tfzwgd
赞了这篇文章
张亚涛
前端技术负责人 @百度
·
5年前
关注
第三代移动端布局方案
最近在研究关于布局的设计方案,通过学习理解阿里的fusion.design的设计思想并结合手机淘宝H5版的px布局问题。逐渐有了一些想法,这里进行综合整理,也算是抛砖引玉吧...
475
33
分享
果冻tfzwgd
赞了这篇文章
宫秋
前端工程师
·
5年前
关注
可能是最全的前端动效库汇总
一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。 文件大小:55.2 kB. 和其他的同类工具不同的地方在于,它不仅仅是一个...
2.0k
54
分享
果冻tfzwgd
赞了这篇文章
前端学长
前端开发 @开水公司
·
5年前
关注
掌握web开发基础系列--物理像素、逻辑像素、css像素
在 《掌握web开发基础系列--长度单位》 这篇文章中已经介绍过了css像素单位--px,这篇文章详细探讨一下设备物理像素和css像素之间的关系。 “像素”,是一个名词,在...
6
1
分享
果冻tfzwgd
赞了这篇文章
小生方勤
5年前
关注
【前端词典】提高幸福感的 9 个 CSS 技巧
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。 正文现在开始。 1. 建议使用 paddin...
1.8k
122
分享
果冻tfzwgd
前端开发
·
5年前
关注
CSS垂直居中的七个方法
我们在编辑一个版面,通常都会用到水平居中和垂直居中来设计,而水平居中很好处理,不外乎就是设定margin:0 auto;或是text-align:center;,就可以轻松...
120
12
分享
果冻tfzwgd
前端开发
·
5年前
关注
有趣的CSS弹跳动画
这是只用了一个div来做的小动画,纯粹利用CSS3的animation来完成,就像是一个正方形在地上弹跳,碰到地面的时候尖角还会压缩变圆,阴影的部分也会随着正方形升高而缩小...
8
1
分享
果冻tfzwgd
前端开发
·
5年前
关注
容易忽略的七个CSS知识点
如果你在日常工作中使用CSS,那么你的主要目标很可能集中在使事情看起来是正确的。最终得到的正确结果远比如何实现更重要。这意味着相比正确的语法和视觉效果我们更少关注CSS的实...
1
评论
分享
果冻tfzwgd
前端开发
·
5年前
关注
关于CSS Transition,你需要知道的事
CSS3的过渡属性,给web应用带来了简单优雅的动画,但是比起初次相见,他(transition)有许多细则。 在这片文章中,我将会专研CSS3的过渡(transition...
11
评论
分享
下一页
个人成就
文章被点赞
915
文章被阅读
79,013
掘力值
2,966
关注了
0
关注者
256
收藏集
1
关注标签
15
加入于
2017-01-18