CSS3动画解析抖音 LOGO制作
前言
“字节跳动”现今也是如日中天,旗下产品,除头条外,还有短视频平台“抖音”,人气也是非常高,据说拥有7亿用户。
今天我们就来研究研究抖音的logo,蹭蹭热度。
效果预览:
CSS3动画解析抖音 LOGO制作
主要用css3新增属性mix-blend-mode,混合模式来实现。
分解
我们先来看看它的组成,由大写的“J”组成,然后有3种颜色,白色、红色、和天蓝色。
ok,我们先来完成一个“J”。根据以往的经验,我们把它拆分成3部分。
CSS3动画解析抖音 LOGO制作