首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Apollozz
掘友等级
前端打杂
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
赞
266
文章 180
沸点 86
赞
266
返回
|
搜索文章
文章
热门
最新
多行省略从此不再难搞
CSS 解决多行省略的方案有很多种,本篇过滤了一些仅适用于一定会出现省略的情况,主要针对项目中比较常见的不确定行数的情况整理了 4 种方法,并且梳理了在什么情况下建议选择哪个方案。 问完这四个问题,选择一个方案。 下面就针对第二个缺点,把实现过程解释一下,避免下次还难受。 1、…
简单几步打造酷炫粒子动画
点的数据是通过getImageData()方法获取的,得到的结果是一串Uint8ClampedArray数据和图片宽高。 imageData.data中的数据每四个数代表一个点。 通过拿到的imageData,获取R通道>0的点,设置该点的(x,y,z)坐标和rgb颜色。 初始…
[CSS] 自定义变量带你随心所欲,一键换肤
其实CSS自定义属性还有很多小名,比如CSS变量、原生变量、CSS自定义属性级联变量,这些指的都是同个东西。 那既然SCSS就能做到的东西,我们还有这个所谓的CSS自定义变量干什么呢?人家自然有它的独到之处。 在这几个方面,预处理器完全被CSS自定义变量KO了。 语法很简单,分…
啊,这连字体都要减肥的世道啊
设计师大佬一脸委屈地看着菠萝:“可是这个字体好看啊。” 哎没办法,这眼神分分钟让人觉得自己在犯罪。那就只能搞个font-face了,可是就10个阿拉伯数字要77K,这这这!不行不行,减下肥。 运行index.js,得到精简的字体文件。 unicode-range的作用是可以让特…
background的层级观念
之前同事有个奇葩的需求,一句话就是在背景图上面蒙上一层黑色遮罩,而且只能在background属性上改动。 background允许你向元素应用多个背景。 这些背景相互堆叠,第一个背景放在最上面,最后一个背景放在最下面。 仅最后一个背景允许拥有背景色。 也就是说些写在最前面的背…
这个loading我能看一天
偶然在codepen上看到一个猫咪loading的动画,仔细看了一下绘制猫咪的过程,觉得有很多细节可以学习。
一个用PPT画画的程序员
你一定以为是PS/AI/balabala...不不不,今天我要强烈推荐程序员们使用傻瓜式的PPT来画画。 PowerPoint我推荐使用2013之后的版本,因为会有一个非常强有力的工具叫“取色器”。啥?你说取色器很常见啊,有啥特别的。 下面我们做个小实验,制作一个只有三个色块的…
SVG-让世界变得柔软
菠萝看到一个效果非常喜欢,当图形靠近时有一种类似于水滴融合在一起的感觉,不会像平时的图形那样生硬地互相遮挡,看了网上一些资料之后尝试着做了下面这个demo。 如果你也喜欢这个效果,可以继续看下菠萝翻译的下面这篇文章,有些地方可能会因为理解不到位有些差异,有兴趣的戳英文原文,文章…
前端开发面对设计稿的相关思考
不不不,这里有坑!产品经理或者交互设计师可能更关注整体交互逻辑,视觉设计师可能更关注页面的整体美观度,而你,是要一点点实现出来的人,你更需要思考的是一些细节问题。 动手前来一波提神醒脑的小思考,让你事半功倍。 视觉稿上经常会缺失一些元素,咋一看不会影响整体交互,做的时候才发现有…
SVG动画应用-酷炫的图片展示效果
偶然在svgTrick上看到了一个效果,模仿了一下。作者原先也是受到dribble上的一个动效启发,这个效果与svg简直是天作之合。 最后模拟的效果如下,gif有点卡顿,戳戳这里查看网页效果。 我们先看着动效分析一下,主要可以将动画分成五部分。 这个效果的完成很简单。只需要在画…
下一页
个人成就
文章被点赞
266
文章被阅读
24,734
掘力值
996
关注了
61
关注者
48
收藏集
8
关注标签
10
加入于
2016-12-15