【CSS】outlineの鼓動【小ネタ】 - Little Strange Software

どうも！LSSです！！ 今回はCSS小ネタになります。 サンプル コード 使い方 キーフレームアニメーションの内容 サンプル 文章の途中に、例えばこんな感じで枠で囲んだ部分があり、その枠がたまに太く薄くなる、そんなサンプルです。 コード <style><!-- @keyframes buwa{ 0%{outline-width:4px;outline-color:#0000ff80;} 60%{outline-width:4px;outline-color:#0000ff80;} 90%{outline-width:20px;outline-color:#ddddff40;} 100%{outline-width:4px;outline-color:#0000ff80;} } .buwaku{ outline-style:solid; padding:2px; animation:buwa

[tokotokoarukuyo]

私にはすごくレベルの高そうな事ですが(目次を作るのも精一杯だったのでf(^ー^;)、いつかやってみたいです！ちょこっと動くところがかわいいですね(*´ω｀*)