hoverした後にn秒間表示をし続ける CSS

https://github.com/tenman

🔍

a[href^="https://github.com/"]{
 visibility:hidden;
 overflow:hidden;
 border:1px solid #ccc;
 padding:4px;
 border-radius: 12px 0 0 12px;
 height:26px;
 background:#ecf0f1;
 color:#555;
 box-sizing:border-box;
 transition: visibility 2s ease-out;
}
a[href^="https://github.com/"]:hover{
 visibility:visible;
}
a[href^="https://github.com/"]:before{
 content:'';
 visibility:visible;
 display:inline-block;
 background:url('https://tenman.info/labo/css/files/GitHub-Mark-64px.png');
 width:20px;
 height:20px;
 background-size:contain;
 vertical-align:middle;
 margin-right:13px;
}

新着記事

コメントは受け付けていません。