小辣椒 发表于 2024-9-25 20:09

玩一个

<svg width="500" height="120" viewBox="-125 -30 250 60">
        <text x="0" y="18" fill="none" stroke="BlueViolet" stroke-width="2" stroke-dasharray="60 10" font-size="50" font-weight="bold" text-anchor="middle">
                小辣椒
                <animate attributeName="stroke-dashoffset" from="-70" to="0" dur="2s" begin="0s" repeatCount="indefinite"/>
        </text>
</svg>

小辣椒 发表于 2024-9-25 20:28


<style>
.text {
        fill: none;
        stroke: teal;
        stroke-width: 2;
        stroke-dasharray: 60 10;
        font-size: 50px;
        font-weight: bold;
        text-anchor: middle;
        animation: textstroke 2s linear infinite;
}
@keyframes textstroke {
        from { stroke-dashoffset: -70; }
        to { stroke-dashoffset: 0; }
}
</style>

<svg width="500" height="120" viewBox="-125 -30 250 60">
        <text class="text" x="0" y="18">小辣椒</text>
</svg>

荷上露珠 发表于 2024-9-25 20:52

漂亮{:4_187:}

红影 发表于 2024-9-25 21:12

第一个的颜色更漂亮，很像亲爱的活泼性格{:4_187:}

梦油 发表于 2024-9-25 21:21

小辣椒朋友真会玩。{:5_116:}

走过岁月 发表于 2024-9-26 00:22

这么好玩啊，小辣椒教我玩吧

起个网名好难 发表于 2024-9-26 06:26

本帖最后由 起个网名好难 于 2024-9-26 08:10 编辑 <br /><br />以前有帖子见过的{:5_117:}


<style>
.descTitle {
    fill: transparent;
    stroke-width: 1;
    stroke-dasharray: 2 2;
    stroke-dashoffset: 0;
    stroke: hsl(0, 100%, 40%);
    letter-spacing: 1em;
    font-size: 50px;
    animation: varstroke 5s ease-in-out infinite alternate;
}

@keyframes varstroke {
    to {
      stroke-dashoffset: 150;
      stroke-dasharray: 10 0;
    }
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 300 150" id="svgadmin">
<text text-anchor="middle" x="50%" y="30%" class="descTitle">赞</text>
</svg>

梦江南 发表于 2024-9-26 08:05

这个好玩。
<svg width="500" height="120" viewBox="-125 -30 250 60">
        <text x="0" y="18" fill="none" stroke="BlueViolet" stroke-width="2" stroke-dasharray="60 10" font-size="50" font-weight="bold" text-anchor="middle">
                好玩
                <animate attributeName="stroke-dashoffset" from="-70" to="0" dur="2s" begin="0s" repeatCount="indefinite"/>
        </text>
</svg>

岁月·如歌 发表于 2024-9-26 10:59

作业写完了再玩，好吗？{:4_173:}

老谟深虑 发表于 2024-9-26 15:27

          玩得好，用红色试试，会不会显得更辣。哈哈哈！给你点赞！

花公子 发表于 2024-10-19 18:16

真会玩
页: [1]
查看完整版本: 玩一个