[UI 设计师必须看到] 运动是有趣的！CSS 动画集合第 1 部分，一定会吸引眼球

最近的设计有很多轻动作动画。
动画可能正在成为重要因素之一，因为动画仍然吸引眼球。

因此，今天，我将介绍一个有趣和实用的CSS动画第1部分，很容易在CSS和JS的Kopipe中引入。

第 2 部分在这里 |

6/27/2018【UIデザイナー必見】動きが面白い！目を引くこと間違いなしのCSSアニメーション集part2

CSS 加载动画

Patrik Hjelm （@patrikhjelm）在 CodePen.

Animated Shopping Cart Icons

《笔动画》由《金尼·特里查尔》（@jonitrythall）的《法典》。

哈姆伯格图标 CSS3 ONLY 动画

五汉堡 Icon CSS3 ONLY Animation 由 Dawid Krajewski （@DawidKrajewski）在 CodePen.

404 动画字符

The Pen 404 Animated Character 由 Mark Thomes （@WithAnEs）在 CodePen.

CSS 火星兰丁

《四月》在《法典》中，@mgitch

CSS Avengers

《法典》由马利奥·马塞尔利（@mariosmaselli）在《法典》中。

纯 CSS 日/ 夜间 Toggle Swith

种子纯 CSS Day / 夜玩具由 Jason Dicks （@jsndks） on CodePen。

谷歌现在3rd Party应用程序

See Pen 谷歌现在 3rd Party 应用由 Pawe_Kuna （@codecalm）在 CodePen.

clo clo

《七月报》（@judag）的《法典》。

CSS 预加载器！

五点CSS预加载器！由保罗（@Maseone）在 CodePen.

提交按钮（GSAP edition）

The Pen Submit Button （GSAP edition）由 auginator （@auginator）在 codePen.

弹性 SVG 侧酒吧材料设计

尼科莱·塔兰诺夫（@suez）在 CodePen 上。

Particle 按钮

@igcorreia #css #particle #html5 #button #button #button @codepen @codepen @codepen @codepen 由 ign acio Correia （@igcorreia）在 CodePen.

古西菜单

@lbebber）由 Lucas Bebber （ @lbebber） on CodePen。

Flipside

由哈金·埃尔·哈塔塔（@hakimel）在 CodePen.

终极 hamburger 菜单

@CharlesSmart） on CodePen。

コチラもオススメ