Untitled

dabblet.css

body{font-size:50px;}
.arrow{
vertical-align:middle;
display: inline-block;
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 20px solid #333;
transition: transform .3s;
}
.link:hover .arrow{
transform: rotate(180deg);
}
.link .list{
display:none;
}
.link:hover .list{
display:block;
}

dabblet.html

<div class="link" style="position:relative;">薄荷直播 <i class="arrow"></i>
<ul class="list" style="position:absolute;top: 40px;left: 5px;line-height:100px;border:#333 1px solid;list-style:none;width:500px;padding: 30px;box-sizing:border-box;overflow:hidden;">
<li>薄荷直播大厅</li>
<li>下载薄荷直播app</li>
</ul>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"130","seethrough":"","prefixfree":"1","page":"css"}