HTML
<span id="test">hoge</span>
CSS
#test { border-right:medium solid #ff00ff; }
こんなようなCSSのイメージなのですが
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
こんにちは。
一旦先に実現方法を。
CSS
1@keyframes borderFlashing { 2 0% { 3 border-right: medium solid #ff00ff; 4 } 5 100% { 6 border-right: medium solid transparent; 7 } 8} 9 10#test { 11 border-right:medium solid #ff00ff; 12 animation: borderFlashing 1s ease infinite alternate; 13}
わけがわからない部分は是非そのワードで調べてみて、なぜこれで意図したように動くのかを深ぼってみてください。
自分が実現したい点滅のさせ方などをいろいろ調整できるようになるのと、きっと次回似た問題にあたってもすぐに解決できるようになりますので。
投稿2018/06/27 02:46
編集2018/06/27 02:48総合スコア214
0
css animation keyframe で調べました?
定期的にbrderの色を変えると点滅になると思います。
調べて試してみてください。うまく行かなければ、作ったソースを上げてみましょう。
投稿2018/06/26 23:07
総合スコア2826
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
css
1#test { 2 border-right:medium solid #ff00ff; 3}
javascript
1window.addEventListener('DOMContentLoaded', function(e){ 2 setInterval(function(){ 3 var c=document.querySelector('#test').style.borderRightColor.replace(/ /g,''); 4 document.querySelector('#test').style.borderRightColor=(c=="rgba(255,0,255,0)")?"rgba(255,0,255,1)":"rgba(255,0,255,0)"; 5 },300); 6});
HTML
1aaa<span id="test">hoge</span>bbb
投稿2018/06/27 03:47
総合スコア114581
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/28 09:59