SVG形变动画的两种实现方式

原文:

作者:

本文是对SVG图形变换的两种实现方法的探索和对比。

我们将使用下面两个图形,并实现它们之间的平滑转换。

图形的代码:

<svg id=&qu......

漂亮的网页字体与排版

原文:

展示了Google Web Fonts中一些高质量字体的使用实例,页面里没直接写字体名字,拉出来备注一下

样式

<link href='http://......

使用SVG和裁剪实现文字斑点动画

原文:

作者:

大致思路是用SVG做背景,SVG text做裁切路径。使用SVG而不是用CSS裁剪图像,是因为要实现背景动画的话CSS就需要一个gif的动态图片。

首先需要创建......

[CSS Grid] Hogwarts ticket

CSS-Tricks推送文章里看到的用CSS Grid实现的霍格沃茨黄牛票

See the Pen by Olivia Ng

() on .

CSS Grid网格布局,使用水平和垂直的线......

在vue中使用chart.js

安装和引入chart.js

npm install chart.js --save

import Chart from 'chart.js'

html

<te......

入坑 iPad pro + Pencil + procreate 画画画

几个笔刷参数

流线 - 手抖修正

掉落 - 笔刷末端变细变淡

描边锥度 - 左右两头的尖度

动态 - 尺寸动态 - 抖动越大越类似铅笔

流线效果同手抖修正,手抖党必备;

混色效果可以......

渐变图标字体

<i class="fa fa-calendar"></i>

.fa::before {

background-image: linear-gradie......