阉割轮播图

This commit is contained in:
hanasaki-misaki
2023-03-20 14:10:44 +08:00
parent 526f44ebf5
commit 676baa6ca7
5 changed files with 158 additions and 108 deletions

View File

@@ -328,7 +328,7 @@ body {
}
.c-secttl:hover{
animation:color-block alternate 1s;
color: #247bfd;
color: #3f51b5;
}
@keyframes color-block {
@@ -338,14 +338,14 @@ body {
}
to {
color: #247bfd;
color: #3f51b5;
}
}
@keyframes color-fff {
from {
color: #247bfd;
color: #3f51b5;
}
to {
@@ -399,4 +399,83 @@ body {
src: url('https://fonts.akass.cn/saira/v14/files/saira-latin-regular.woff2');
font-weight: normal;
font-style: normal;
}
}
.single_slide .slide_text h2 {
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
color: #34495e;
letter-spacing: 2px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 30px;
}
.single_slide .slide_text h2 > span {
color: #3f51b5;
}
.single_slide .slide_text h3 {
font-size: 20px;
font-weight: 300;
letter-spacing: 1px;
color: #354b60;
}
.table {
display: table;
z-index: 9;
position: absolute;
width: 100%;
height: 100%;
}
.table_cell {
display: table-cell;
vertical-align: middle;
}
/* ******************************
:: 5.0 slider area css
****************************** */
.single_slide {
position: relative;
z-index: 1;
background-position: center center;
background-size: cover;
}
.single_slide:before {
position: absolute;
z-index: 9;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.1);
content: "";
}
.single_slide .slide_text {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
z-index: 999;
text-align: center;
}
.single_slide .slide_text h2 {
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
color: #34495e;
letter-spacing: 2px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 30px;
}
.single_slide .slide_text h2 > span {
color: #3f51b5;
}