SVG 文字の輪郭のアニメーション | キプレ - UIサンプル紹介

SVG 文字の輪郭のアニメーション | キプレ - UIサンプル紹介

SVGのテキストの輪郭の破線の間隔をアニメーションすることによって、文字の縁取りをするような表現にな...概要を表示 SVGのテキストの輪郭の破線の間隔をアニメーションすることによって、文字の縁取りをするような表現になります。 文字の 輪郭を アニメ SVG <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" class="demo"> <text x="10" y="60" font-size="50" class="demo"> 文字の </text> <text x="10" y="120" font-size="50" class="demo"> 輪郭を </text> <text x="10" y="180" font-size="50" class="demo"> アニメ </text> </svg> CSS <style> svg.demo{ margin:20px; width: 300px; display:bloc

• animation
• css