<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML5 SVG创意圣诞快乐特效 - 站长素材</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="wrapper" ontouchstart="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 600">
<defs>
<filter id="blur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur id="feGaussianBlur" in="SourceGraphic" stdDeviation="0" />
</filter>
<!-- "happy new" text -->
<clipPath id="happyNew_clipPath" id="happy_new">
<path
d="M819.2,193.2c1.9-12.1,5.3-24,9-35.7l-5.5.5c.1-2.8,2.3-4.3,4.7-5.2s2.3-.6,3-2.9,1-3,1.4-4.4c1.8-5.4,3.6-10.8,5.3-16.2.4-1.4,1.8-4.6.3-5.6s-5.5,2.8-6.4,4c-3.2,4.4-5.3,10.4-3.8,15.7-4.9,0-6.2-4.2-5.1-8.4s4.7-8.3,8.4-11,8.2-5.2,11.1-2.4,1.1,5.5.5,7.8c-2,7.4-4.2,14.8-6.3,22.1a100.3,100.3,0,0,1,14.5.2,13.4,13.4,0,0,0,3.4.3c1.1.5,1.6.1,1.5-1.1l.4-1.3c.7-2.5,1.4-5,2.2-7.5,1.2-4.3,2.4-8.5,3.9-12.6s2.5-8.8,6.6-8.8c-3.7,10.3-6.2,21.2-8.8,31.8,2.2.1,4.4.4,6.7.4a9.8,9.8,0,0,1-4,2.7c-.5.2-3.1.2-3.5.5s-.6,2.4-.7,3c-.9,4.2-1.8,8.4-2.5,12.7-1.2,6.6-3.2,14.7-1.8,21.4-8.3-.8-6.5-9.6-5.4-15.7s3.4-14.3,5.4-21.3l-13.6.2-3.4.2c-2.1.2-2.4-.1-3,2l-2.4,8.2-4.8,16.7C825.4,187.2,824.2,193.2,819.2,193.2Z" />
<path
d="M869.4,189.6c-6.5,0-7-7.3-5.8-12.1s5.5-12.3,10.2-16.8,10.3-7.8,16.1-5.5,6.8,10.6-.1,10.3c.9-4.5-.1-9.8-5.9-7.8s-8.7,7.7-11,12.2c-1.6,2.9-6.1,11.7-3.3,14.9s8.9-4.1,10.5-6.1,3.6-4.8,5.3-7.3,2.6-4.9,4.2-5.1,3.1,2.1,2.6,3.7-2.8,5-3.8,7.6c-1.6,4.5.4,9,5.3,5.7s7.6-8.1,10-12.8c3.8,2.5-6.2,13.3-8.6,15-5.9,4.2-14.5,2.8-13.2-5.9C879.1,183.5,874.9,189.6,869.4,189.6Z" />
<path
d="M896.9,210.6c-4.1,0-2.2-5.5-1.6-7.3,1.1-3.8,2.4-7.5,3.5-11.3a174,174,0,0,0,4.2-20.3c.5-3.2.9-6.3,1.4-9.5s.5-4,.7-6-.1-3.4.9-4.1c3-2.1,5.4,2.3,5.4,4.6s-.9,7.1-1.6,10.5c2.5-4.9,6.4-10.9,12.2-12.1s10.4,3.4,10.8,9.1c.8,11.2-9.5,25.2-21.6,23.6-1.2-.1-4.7-.9-3-2.3s3.2-.1,3.8-.2a16.6,16.6,0,0,0,4.8-1.9,20.9,20.9,0,0,0,9.7-13.3c1.2-4.9-.1-12.9-6.9-10.1-5,2-9.3,8.4-11.1,13.2-2.5,6.9-3.4,14.6-5.2,21.7q-1.2,4.8-2.7,9.6C900.1,206,899.1,210.6,896.9,210.6Z" />
<path
d="M930.3,210.6c-4.1,0-2.2-5.5-1.6-7.3,1.1-3.8,2.4-7.5,3.5-11.3a174,174,0,0,0,4.2-20.3c.5-3.2.9-6.3,1.3-9.5s.6-4,.8-6-.1-3.4.9-4.1c3-2.1,5.4,2.3,5.4,4.6s-.9,7.1-1.6,10.5c2.5-4.9,6.4-10.9,12.2-12.1s10.4,3.4,10.8,9.1c.8,11.2-9.5,25.2-21.6,23.6-1.2-.1-4.7-.9-3-2.3s3.2-.1,3.8-.2a16.6,16.6,0,0,0,4.8-1.9,20.9,20.9,0,0,0,9.7-13.3c1.1-4.9-.1-12.9-6.9-10.1-5,2-9.3,8.4-11.1,13.2-2.5,6.9-3.4,14.6-5.2,21.7q-1.2,4.8-2.7,9.6C933.5,206,932.5,210.6,930.3,210.6Z" />
<path
d="M972.5,210.6c-4.2,0-6-3.6-5.2-7.4s4.6-7,7.9-9.2c1.7-1.1,3.5-2.1,5.3-3.1s3-1.5,3.8-3.9c1.4-4.4,2.7-8.8,3.7-13.3-2.3,3.7-5.4,9-9.8,10.5a6.9,6.9,0,0,1-9.1-5c-.8-4.1,2.6-22.9,8.6-21.3.7.2,2.2.8,2.5,1.5s-.2,1.1-.6,2-1.8,4-2.5,6.1-4,10-1.3,12.5,8.5-3.7,10.1-6a18,18,0,0,0,3.2-5.5c.6-2.2.5-4.9,2.2-6.6a3.8,3.8,0,0,1,2.8-1.2c1.4-.1,1.7,0,2,1.1s-.9,5.1-1.3,7.1a159,159,0,0,1-5.1,17c6.6-2.8,11.3-8.6,13.7-15.2,3.1,1.5-2,7.9-3.4,9.5a32,32,0,0,1-5,4.7c-1.9,1.4-5.3,2.6-6.6,4.4s-2,5-3,7.1-2.1,4.2-3.3,6.2S977,210.6,972.5,210.6Zm-.5-3.1c2.3,0,4.6-4,5.7-5.6a55,55,0,0,0,4.7-9.8c-3.5,1.9-7.4,4-10.1,7.1C971.1,200.6,967.7,207.5,972,207.5Z" />
<path
d="M1051.1,187.2c-13.3,0,.2-16.4-4.7-21.4-6.4-6.5-17.4,14.2-19.4,17.8s-1.7,3.9-4.6,2.6-2-2.2-1.2-4.4a92.4,92.4,0,0,0,4.4-13.8c.5-2.3-.1-5.3,2.3-6.6s3.2-1.1,4.3,0-1,10-1.7,12.4c3.2-5.1,7.5-11.5,13.3-13.9s10.6,2.7,10,9.1c-.2,2.9-6.7,14.9-1,15.4s10.1-10,11.9-13.9c1.2,1.4.9,1.6.1,3.4a34.3,34.3,0,0,1-3.4,6.2C1059.1,183.6,1055.7,187.2,1051.1,187.2Z" />
<path
d="M1072.1,189.4c-5.7,0-10-3.7-10.5-9.5s2-10.9,4.9-15.3,7.7-9.6,13.3-11.1,9.8,1.9,8.4,8-6.4,9.4-11.2,11.8l-4.5,1.8c-.8.2-4.4.5-4.9,1s-.1,5.3.3,6.4c2.2,5.5,9.1,4,13.1,1.6s9.2-8.2,11.8-13.5c3.4,1.4-4.2,10-5.8,11.6C1083.1,186.2,1077.9,189.4,1072.1,189.4Zm-3.9-15.5a28.7,28.7,0,0,0,11.2-6.5c2-1.8,7.1-7.5,4.9-10.5s-8.4,3.3-9.9,5A33.5,33.5,0,0,0,1068.2,173.9Z" />
<path
d="M1114.9,188.9c-6.6,0-4.5-12.5-4.2-16.3-2.3,4.8-7.7,17.9-15.1,15.2s-4.1-14.7-2.4-19.9c.7-2.1,2.2-8.3,4.8-9.1a3.9,3.9,0,0,1,3.1.8c1.3,1.3-.3,2.9-1,4.5s-7.9,19.3-1,20c3.1.4,5.7-4.6,7.1-6.8,2.3-3.8,4.9-7.9,5.7-12.2.4-2.1,1-7.5,4.5-5.7s.1,7.3-.2,9.5a53.6,53.6,0,0,0-1,12.6c.4,4.7,3.1,3.6,5.6.8a50.7,50.7,0,0,0,6.4-10.1,24.9,24.9,0,0,0,2.5-5.2c.4-2,0-4.3.4-6.4s3.6-7.6,6.5-3.7-1.1,6.4-1.8,9.2-1.3,9.2,1.6,11,7.3-3.5,8.5-6.2c3.4,1.4-2.7,7.4-4.7,8.3-5.2,2.2-8.7-2.4-9.8-7C1127.6,177.6,1122.2,188.9,1114.9,188.9Z" />
</clipPath>
</defs>
<g id="handle">
<path d="M342.9,150.3H296.4V141a13.3,13.3,0,0,1,13.3-13.4h20.2a13.4,13.4,0,0,1,13.4,14.1Z" />
<path d="M316.9-185.1h4.5V86.7h-4.5Z" />
<path
d="M284.5,89.5c-5.4-5.7-4.3-13.2,2.7-20,4.8-4.5,9.6-6.2,14.4-5,11.5,2.8,17.9,21.8,18.2,22.6l.4,1.4-1.1.9A26.5,26.5,0,0,1,301.3,96C294.6,96,288.2,93.6,284.5,89.5Zm16.1-20.7c-3.3-.8-6.7.5-10.3,3.9-5.2,5-6.1,9.9-2.6,13.8,5.5,5.9,18.5,7.3,27.3.6C312.9,81.5,307.5,70.5,300.6,68.8Z" />
<path
d="M318.5,89.4l-1-.9.4-1.4c.3-.8,6.7-19.8,18.1-22.6,4.8-1.2,9.7.5,14.4,5,7.1,6.8,8.1,14.3,2.8,20-3.8,4.1-10.1,6.5-16.8,6.5A26.9,26.9,0,0,1,318.5,89.4Zm18.6-20.6c-6.9,1.7-12.4,12.7-14.5,18.3,8.8,6.7,21.9,5.3,27.3-.6,3.6-3.9,2.7-8.8-2.5-13.8-3-2.8-5.7-4.2-8.4-4.2A6.3,6.3,0,0,0,337.1,68.8Z" />
<path d="M298,121.1c8.9-1.4,15.5-7.6,19.1-18.2a55.5,55.5,0,0,0,2.8-15.1h-4.5c0,.2-.6,26.2-18.1,28.9Z" />
<path
d="M340.6,121.1l.7-4.4C323.8,114,323.2,88,323.2,87.8h-4.4a53.3,53.3,0,0,0,2.7,15.1C325.1,113.5,331.8,119.7,340.6,121.1Z" />
</g>
<g id="ornament">
<path
d="M335.9,215.6l1.9-3.2h-6.2l12.6-19.8-6,.3,9.9-16-4.4.2,9.5-14.2.9-1.7,1.1,1.6,9.6,14.3-4.4-.2,9.9,16-6-.3L377,212.5h-6.3l1.9,3.2H335.9Zm30.6-5.6h6.2l-12.8-19.9,6.1.3-9.8-16h4.1l-6-8.9-6.1,8.9h4.1l-9.8,16,6.1-.3-12.8,19.9H342l-2,3.2h28.5Z" />
<path
d="M249.7,527.2l1.9-3.1h-6.2L258,504.4l-5.9.3,9.8-16-4.4.2,9.5-14.2.9-1.7,1.1,1.5,9.6,14.4-4.3-.2,9.8,16-6-.3,12.7,19.7h-6.3l2,3.1H249.7Zm30.6-5.5h6.2l-12.8-20,6.1.3-9.8-16,4.1.2-6-9-6.1,9,4.2-.2-9.8,16,6-.3-12.7,20h6.1l-2,3.2h28.5Z" />
<path
d="M156.8,465.2l1.9-3.2h-6.2l12.6-19.8-5.9.3,9.8-16-4.3.2,9.5-14.2.8-1.7,1.1,1.6,9.6,14.3-4.3-.2,9.8,16-6-.3,12.7,19.8h-6.3l2,3.2H156.8Zm30.6-5.6h6.2l-12.8-19.9,6.1.3-9.8-16,4.1.2-6-9-6,9,4.1-.2-9.8,16,6-.3-12.7,19.9h6.1l-1.9,3.3h28.4Z" />
<path
d="M403.9,383.9l1.9-3.2h-6.2l12.6-19.7-5.9.3,9.8-16.1-4.3.2,9.4-14.2.9-1.6,1.1,1.5,9.6,14.3-4.3-.2,9.8,16.1-6-.3L445,380.8h-6.3l2,3.2H403.9Zm30.6-5.5h6.2l-12.8-19.9,6.1.3-9.8-16,4.1.2-6-9-6,9,4.1-.2-9.8,16,6-.3-12.7,19.9H410l-2,3.2h28.5Z" />
<path
d="M135.1,338l2-3.2h-6.3l12.7-19.7-6,.3,9.8-16.1-4.3.2,9.5-14.2.8-1.6,1.2,1.5,9.5,14.3-4.3-.2,9.8,16.1-5.9-.3,12.6,19.7H170l1.9,3.2H135.1Zm30.7-5.5h6.1l-12.7-19.9,6,.3-9.8-16,4.1.2-6-9-6,9,4.1-.2-9.8,16,6.1-.3-12.8,19.9h6.2l-2,3.2h28.4Z" />
<path
d="M312.2,409.1l1.9-3.2h-6.2l12.6-19.8-5.9.4,9.8-16.1-4.3.2,9.5-14.2.8-1.6,1.1,1.5,9.6,14.3-4.3-.2,9.8,16.1-6-.4L353.3,406H347l2,3.2H312.2Zm30.6-5.6H349l-12.8-19.9,6.1.3-9.8-16,4.1.2-6-9-6,9,4.1-.2-9.8,16,6-.3-12.7,19.9h6.1l-2,3.3h28.5Z" />
<path
d="M294.8,204.7c-1.5-.1-3.1-.3-4.7-.3s-3.1.2-4.6.3a28.3,28.3,0,0,1-5,.2,9,9,0,0,1-5.5-15.1,7,7,0,0,0,1.8-3.9l1.4-12.3a9,9,0,0,1,5.7-7.3l2.1-.8.5-.2,2.3-.4H292a7.5,7.5,0,0,1,2.6.5l2,.8a8.7,8.7,0,0,1,5.7,7.3l1.5,12.3a6.3,6.3,0,0,0,1.7,3.9,9,9,0,0,1-5.5,15.1h-1.5Zm-6-37.4-1.6.2-.4.2-2,.7a6.6,6.6,0,0,0-4.3,5.5l-1.4,12.3a9.3,9.3,0,0,1-2.4,5.2h0a6.7,6.7,0,0,0-1.4,6.9,6.5,6.5,0,0,0,5.5,4.3,23.9,23.9,0,0,0,4.5-.2,34.3,34.3,0,0,1,4.8-.3,36.8,36.8,0,0,
HTML5 SVG创意圣诞快乐特效.zip （4个子文件） 
jiaoben8371 js 
gsap.min.js 56KB script.js 4KB css style.css 575B
index.html 40KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
