html5 svg动画示范,html5 svg分段式文字动画特效

特效描述：html5 svg 分段式文字动画。html5 svg分段式文字动画特效

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

html5 svg分段式文字动画特效

document.documentElement.className = 'js';

o

Animated Letters

An artistically animated SVG font using the Segment library.

Examples

Alphabet

• ashin

• bogyoke

• nang

• maung

• Tekkatho

• sawbwa

• binnya

• In the following effects we also use mo.js for additional animations:

• thakin

• zeya

• sanda

• duwa

• sao

(function() {

var decoLetter = new Letters(document.querySelector('.deco'), {

size: 1000,

weight: 5,

color: '#212028',

//color: '#63646B',

duration: 2,

fade:0,

easing: d3_ease.easeExpOut.ease

});

decoLetter.hideInstantly();

setTimeout(function() {

decoLetter.show();

}, 200);

})();