forked from Gitlink/forgeplus-react
This commit is contained in:
parent
42c7cee157
commit
41d9eaf4e7
|
|
@ -167,6 +167,7 @@
|
|||
}
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: .8s;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
|
@ -206,6 +207,20 @@
|
|||
line-height: 39px;
|
||||
margin-top: 40px;
|
||||
background:linear-gradient(271.9deg,rgba(10, 145, 255, 0.12) 0.04%,rgba(43, 103, 238, 0.12) 55.24%,rgba(133, 110, 250, 0.12) 99.87%);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(120deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0));
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #091221;
|
||||
|
|
@ -213,6 +228,12 @@
|
|||
.iconfont {
|
||||
display: inline-block;
|
||||
animation: arrow-move 1.2s ease-in-out infinite;
|
||||
animation-delay: 0.8s;
|
||||
}
|
||||
&::before{
|
||||
left: 100%;
|
||||
transition: left 1s ease-in-out;
|
||||
transition-delay: .3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -416,6 +437,7 @@
|
|||
}
|
||||
.main_card_item_btn{
|
||||
width: 120px;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
.bigimgBox{
|
||||
height: 280px;
|
||||
|
|
@ -452,6 +474,7 @@
|
|||
.main_card_item_btn{
|
||||
width: 120px;
|
||||
background:#ffffff;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
.imgBoxBg{
|
||||
width:372px;
|
||||
|
|
|
|||
|
|
@ -20,14 +20,14 @@ function ProjectCateList(props) {
|
|||
const [ visible ,setVisible ] =useState(false);
|
||||
|
||||
useEffect(()=>{
|
||||
if(role && typeList){
|
||||
if(typeList){
|
||||
setTimeout(()=>{
|
||||
InitObs();
|
||||
InitScaleObs();
|
||||
InitContentObs();
|
||||
},200)
|
||||
}
|
||||
},[role,typeList])
|
||||
},[typeList])
|
||||
|
||||
// 滚动监听元素(放大)位置增加动态效果
|
||||
function InitScaleObs(){
|
||||
|
|
|
|||
|
|
@ -2366,7 +2366,7 @@
|
|||
@keyframes fadeUpZone {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(50px);
|
||||
transform: translateY(100px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
|
|
|
|||
Loading…
Reference in New Issue