打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
首页 | 查号吧 📞
.animation-land1 path { stroke: #ffffff; stroke-dasharray: 600 0; stroke-dashoffset: 200; stroke-width: 1; animation: draw 7s ease-in-out 1 paused; animation-iteration-count: 1; animation-delay: 2s; } @-webkit-keyframes draw { 0% { stroke-dasharray: 0 800; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 90% { stroke-dasharray: 600 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 100% { fill-opacity: 1; stroke-width: 1; stroke: #ffffff; } } @-moz-keyframes draw { 0% { stroke-dasharray: 0 800; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 90% { stroke-dasharray: 600 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 100% { fill-opacity: 1; stroke-width: 1; stroke: #fff; } } @keyframes draw { 0% { stroke-dasharray: 0 800; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 90% { stroke-dasharray: 600 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 1; stroke: #1271ef; } 100% { fill-opacity: 1; stroke-width: 1; stroke: #ffffff; } } .st1{ text-anchor: middle; font: 10px Arial; cursor: pointer; fill: '#000000'; stroke: 'none'; }
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
SVG 路径动画简易指南
HTML5之SVG 2D入门4
一篇文章带你了解SVG stroke属性
基于HTML/CSS的响应式俄罗斯套娃ʕ •ᴥ•ʔ小游戏
LinkedIn Sponsored Updates
4.标签篇:SVG
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服