Skip to content

libai / footseen-large-website

Go to a project
Commit 3c5fc371 by libai
Options

测试

parent 34b4ef1e
Inline Side-by-side
Showing with 10 additions and 10 deletions
yazhaiTest/css/neck.css
...@@ -60,8 +60,6 @@ body::-webkit-scrollbar { ...@@ -60,8 +60,6 @@ body::-webkit-scrollbar {
.live-box-ul .live-top-box { .live-box-ul .live-top-box {
width: 268px; width: 268px;
height: 268px; height: 268px;
background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat;
background-size: cover;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -70,11 +68,12 @@ body::-webkit-scrollbar { ...@@ -70,11 +68,12 @@ body::-webkit-scrollbar {
} }
.live-box-ul .live-top-shadow { .live-box-ul .live-top-shadow {
width: 268px; width: 268px;
height: 60px; height: 130px;
opacity: 0.5;
position: absolute; position: absolute;
bottom: 0; bottom: -50px;
left: 0; left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
pointer-events: none; pointer-events: none;
} }
.live-box-ul .live-icon { .live-box-ul .live-icon {
......
yazhaiTest/css/neck.less
...@@ -78,8 +78,8 @@ ...@@ -78,8 +78,8 @@
.live-top-box{ .live-top-box{
width: 268px; width: 268px;
height: 268px; height: 268px;
background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat; // background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat;
background-size: cover; // background-size: cover;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -88,11 +88,12 @@ ...@@ -88,11 +88,12 @@
} }
.live-top-shadow{ .live-top-shadow{
width: 268px; width: 268px;
height: 60px; height:130px;
opacity: 0.5;
position: absolute; position: absolute;
bottom: 0; bottom: -50px;
left: 0; left: 0;
background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0)); background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(255,255,255,0));
pointer-events: none; pointer-events: none;
} }
.live-icon{ .live-icon{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment