ul{ margin: 0; padding: 0; } /* 导航;栏 */ .nav-wrapper{ background-color: rgb(255, 131, 141); } .mainNav{ transition-duration: 0.5s; } .navE{ transition-duration: 0.2s; background-color: rgba(255, 131, 141, 0.6); } .navList { width: 170px; display: none; } .navLine{ top: 35px; } .navLineBlock{ top: 35px; left: 20px; width: 20px; z-index: 2; transition: 0.2s 0s; } .navLineBlockMove { left: 130px; transition: 0.2s 0s; } .logo:hover{ animation: logo_scale 0.4s infinite; } @keyframes logo_scale { 0% {} 40% {transform: scale(0.9);} 85% {transform: scale(1.1);} 100% {transform: scale(1);} } /* banner */ .banner-wrapper{ background-color: rgba(255, 131, 141, 0.0.5); } /* 介绍卡片 */ .nav-tabs{ background-color: rgb(255, 131, 141); /* color: rgb(255, 131, 141); */ } .card-wrapper{ background-color: rgb(231, 231, 231); } .card{ overflow: hidden; border-radius: 10px; } .circ{ position: absolute; top: 60%; transform: scale(10); transition: 0.3s; } .card-body{ border-radius: 10px; } .circMove{ top: -6%; transform: scale(1); transition: 0.25s; } .card-img-top{ margin: 0 auto; transition: 0.3s; } .cardImgMove{ width: 80%; transition: 0.3s; position: relative; translate: 0px -40px; } .card-body{ position: absolute; top: 78%; transition: 0.3s; } .cardBodyMove{ top: 52%; transition: 0.3s; } .card-text{ background-color: rgb(234, 159, 166); } .card-head{ background-color: rgb(184, 103, 112); } /* 底栏 */ .footer-wrapper{ background-color: rgba(255, 131, 141); } .footerLine{ width: 100%; height: 2px; margin-bottom: 10px; }