茶界二
本帖最后由 绿叶清舟 于 2022-1-17 22:24 编辑 <br /><br /><style type="text/css">.rbox { margin: 0 auto; width: 640px; min-height: 426px; transform-style: preserve-3d; transition: 1s; }
.rbox:hover { transform: rotateY(180deg); cursor: pointer; }
.fbox, .bbox { width: 639px; height: 426px; position: absolute; backface-visibility: hidden; }
.fbox { background: transparent url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20160419%2F0348aed06c9645be9935997eb947ac90_th.jpg&refer=http%3A%2F%2Fimg.mp.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645013484&t=0a1d0ffb75df4689a0767d735af5792f') no-repeat; }
.bbox { background: #aaa; transform: rotateY(180deg); padding:10px; font-size: 1em; }
.bbox h2, p { padding: 6px; text-align:center; }
.btnDiv {
margin: 0 auto;
position: relative;
width: 32px;
height: 32px;
border: none;
background: gray;
border-radius: 20%;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
cursor: pointer;
}
.btnDiv:hover {
opacity: .8;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,.5);
}
.btnDiv:active {
opacity: .8;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.9);
}
.btn-play {
position: absolute;
width: 0px;
height: 0px;
border: 10px solid #000;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-left-color:#eee;
left: 12px;
top: 6px;
}
.btn-pause {
position: absolute;
display:none;
width: 2px;
height: 20px;
border-right: 4px solid #eee;
border-bottom:0px;
border-left: 4px solid #eee;
left: 11px;
top: 6px;
}
</style>
<div class="rbox">
<div class="fbox"></div>
<div class="bbox">
<h2>茶界二</h2>
<div style=" column-count: 2; ">
茶界2
歌手：巫娜<br>
发行时间：2016-05-01<br>
发行公司： 龙源音乐<br>
专辑介绍
<br>听琴事茶天人合一寂静欢喜无非般若<br>
《茶界》第2辑中，能深深地感受茶语、琴音与内心的的浑然一体，“天人合一”、“清微淡远”的茶琴融合境界。悠悠琴曲带来的意境，是伴香而居，听琴而卧，邀三五知己，远离尘嚣，品一盏香茗，听一曲琴音，拾一抹心情，慢慢沉淀心情。
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=300 src="//music.163.com/outchain/player?type=1&id=36031560&auto=1&height=300"></iframe>
</div>
<div id="btnDiv" class="btnDiv">
<div id="btn-play" class="btn-play"></div>
<div id="btn-pause" class="btn-pause"></div>
</div>
</div>
</div>
@马黑黑 恭喜清舟制作成功{:4_187:} 貌似有按钮链接，可以不需要那个列表了吧。 红影 发表于 2022-1-17 20:40
貌似有按钮链接，可以不需要那个列表了吧。
按钮对这个好象不起作用 绿叶清舟 发表于 2022-1-17 20:51
按钮对这个好象不起作用
说过的，它控制不了外人（跨域控制行不通） 马黑黑 发表于 2022-1-17 20:54
说过的，它控制不了外人（跨域控制行不通）
象这种引用代码的都不能用了吧 绿叶清舟 发表于 2022-1-17 20:51
按钮对这个好象不起作用
我因为挺不了这个专辑，所以也感觉不到按钮的作用。 什么时候能够这样停下来静静的品茶！从容参禅，悟道， 四海八荒 发表于 2022-1-17 22:31
什么时候能够这样停下来静静的品茶！从容参禅，悟道，
四海晚上好，随时可以啊 红影 发表于 2022-1-17 22:18
我因为挺不了这个专辑，所以也感觉不到按钮的作用。
这种引用的专辑都不能听啊 绿叶清舟 发表于 2022-1-17 22:39
这种引用的专辑都不能听啊
不是呢，我以前就有些专辑听不到，估计是有限制吧、
页:
[1]