首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
泱泱
掘友等级
产品经理
|
Hisense
曾经的生物狗
关注
私信
获得徽章 0
动态
文章
专栏
沸点
课程
收藏集
1
关注
赞
4
文章 4
沸点 0
资讯 0
赞
4
关注
返回
|
搜索文章
文章
热门
最新
泱泱
3年前
嵌入式
视觉设计
纯无趣技术贴,关于色深、位深、图像深度详解
因为近期接触了一点嵌入式开发,需要的图片资源格式和以往接触的移动及web开发差别比较大,才有了下面这篇文章。因为比较晦涩,不需要的就可以绕行了。 首先明确一点,图像深度就是色深Color Depth。关于色深和位深Bit-depth,查了很多资料,众说纷纭,有说色深是存储每个像…
6311
9
9
泱泱
4年前
CSS
SVG
box-shadow/drop-shadow/feDropShadow 投影的前世今生
这是在做一个呼吸灯动效时遇到的问题,就是如何给SVG的图形元素加上一些阴影的效果,比如外发光,比如内发光,比如投影,之前也有困扰,但是因为没到非解决不可的程度,所以就暂时搁置了。对于发光这种效果,对于CSS3来说,很简单的事情,一个box-shadow属性可以解决所有问题,我曾…
2865
16
4
泱泱
4年前
CSS
SVG
如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报(可控制速度)
因为平时也关注网易UEDC的订阅号,前几天就看到了这么一个动效,主题是《网易云音乐2018年度听歌报告》,内容是一个人在努力蹬车因为构图简单,创意又不错,所以就试了下用SVG+CSS动画实现起来的难度,大概费时两个小时左右,效率还是蛮高的,总比用AE实现起来快的多得多,下面就捋…
7210
138
22
泱泱
4年前
前端
动效
JavaScript牛刀小试,结合CSS3动画属性来做一个系统时间同步的时钟
JavaScript总算入门了,复杂的就先不来了,今儿牛刀小试,先来一个系统同步的时钟效果,只用到最简单的获取系统时间的函数。因为学习是需要正反馈的,否则总也看不到效果,难免失了深入下去的兴趣。在之前的一篇专栏文章《利用CSS3的animation step属性实现wifi动画…
6196
117
19
泱泱
4年前
图形学
如何让程序适配不同尺寸的ico图标
由于参与桌面端开发的项目极少,大多数可爱的攻城狮们又都会选择自带的组件和图标,所以从来没有深入研究过ico格式的图片有什么特点。但这次,遇到一个项目需要使用自定义的ico图标,因为以前使用这种格式的场景很少,所以就天真的以为相同样式但不同尺寸的ico是由对应尺寸的png(或其他…
4208
9
1
泱泱
4年前
CSS
动效
CSS动画属性关键帧keyframes全解析
大概有多久没有更新专栏文章了。半年?下半年忙到起飞,或者毫不夸张的说是发射?仅有的一点个人时间,上半年贡献给了Python,现在差不多已忘掉了七七八八(一首《凉凉》送给自己),下半年贡献给了JavaScript,终于鼓起勇气系统的开始学习JS了(换台,梁静茹《勇气》走起)。本来…
5624
43
1
泱泱
5年前
SVG
前端
CSS
“破碎-重组-破碎” CSS3实现Lowpoly风格变形动画终极篇
在受到SVG+CSS3动画仿作草莓音乐节宣传视频的伤害后,一直想找个简单唬人的东西做一做来平复一下悲愤的心情。翻了下收藏夹,找到了一个珍藏了很久的存货,三十种濒危动物的碎片动画效果。有时候,很多创意来自于别人,别不承认,戳戳看,很惊艳 。以前写过CSS3实现lowpoly动画效…
5721
140
28
泱泱
5年前
前端
图片资源
Icon
CSS3动画实战之多关键帧实现无限循环动效的时间间隔
题目有点绕,源起最近一个项目中所需的一枚loading图标。SVG+CSS3动画做了那么多,真正应用在项目中的机会少之又少,所以,抓住一切机会,即使loading也不能放过,用系统自带菊花有辱我这一年的修炼。在最后完美做成的过程中,解决了两个问题,第一,是非等粗交叉路径的描边动…
4774
112
8
泱泱
5年前
前端
SVG
动效
SVG+CSS3仿作了2018草莓音乐节的宣传视频动画
这是从2018“草莓音乐节”的宣传视频得到的灵感,海报的主题是错位拼贴分割重组,对我这种设计渣渣而言,看中的是其平面化,也就是说,用SVG+CSS3动画完全可以玩转。因为只涉及一些基础元素的位移、缩放构成的转场效果,相对来说比较简单,但创意很开脑洞。因为宣传视频比较长,所以把它…
6639
159
31
泱泱
5年前
SVG
动效
前端
SVG剪切蒙版属性clip-path实战,动态蒙版+动态图形,动动组合
还是在做草莓音乐节宣传视频SVG+CSS3的实现过程的文章中遇到的问题,真是个庞大的工程,在写文章的过程中已经遇到了两个问题需要单独成文了。事情是这样的 理论上,这个方法是可行的,但略为复杂了,然后就想到了一个SVG的标签,知道但从未在案例中使用过的<clip-path>,剪切…
1800
13
评论
下一页
个人成就
优秀创作者
文章被点赞
2,886
文章被阅读
160,371
掘力值
6,857
关注了
4
关注者
17,647
收藏集
1
关注标签
22
加入于
2016-11-08