|
|
| 第28行： |
第28行： |
| * { | | * { |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| }
| |
|
| |
|
| |
| .jskp-card {
| |
| display: inline-block;
| |
| width: 50%;
| |
| height: 300px;
| |
| -webkit-perspective: 1000px;
| |
| perspective: 1000px;
| |
| }
| |
|
| |
| .jskp-card-inner {
| |
| width: 100%;
| |
| height: 100%;
| |
| position: relative;
| |
| -webkit-transform-style: preserve-3d;
| |
| transform-style: preserve-3d;
| |
| -webkit-transition: -webkit-transform 0.999s;
| |
| transition: -webkit-transform 0.999s !important;
| |
| transition: transform 0.999s !important;
| |
| transition: transform 0.999s, -webkit-transform 0.999s !important;
| |
| }
| |
|
| |
| .jskp-card:hover .jskp-card-inner {
| |
| -webkit-transform: rotateY(180deg);
| |
| transform: rotateY(180deg);
| |
| }
| |
|
| |
| .jskp-card-front,
| |
| .jskp-card-back {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden;
| |
| }
| |
|
| |
| .jskp-card-front {
| |
| background-color: #6A2C70;
| |
| color: #fff;
| |
| display: -webkit-box;
| |
| display: -ms-flexbox;
| |
| display: flex;
| |
| border: 10px solid #6A2C70;
| |
| border-radius: 10px;
| |
| font-size: 24px;
| |
| -webkit-transform: rotateY(0deg);
| |
| transform: rotateY(0deg);
| |
| overflow: hidden;
| |
| }
| |
| .jskp-card-front .text {
| |
| width: 70%;
| |
| margin-left: auto;
| |
| }
| |
| .jskp-card-front img {
| |
| padding: 0.5rem 0.5rem 0rem 0rem;
| |
| width: 30%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| object-position: top;
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| }
| |
| .jskp-card-back {
| |
| background-color: #F08A5D;
| |
| color: #fff;
| |
| display: -webkit-box;
| |
| display: -ms-flexbox;
| |
| display: flex;
| |
| -webkit-box-align: center;
| |
| -ms-flex-align: center;
| |
| align-items: center;
| |
| border: 10px solid #F08A5D;
| |
| border-radius: 10px;
| |
| -webkit-box-pack: center;
| |
| -ms-flex-pack: center;
| |
| justify-content: center;
| |
| font-size: 24px;
| |
| -webkit-transform: rotateY(180deg);
| |
| transform: rotateY(180deg);
| |
| } | | } |
2023年12月15日 (五) 21:11的版本
/* 这里放置的CSS将应用于所有皮肤 */
.mw-parser-output .home-card {
position: relative;
padding: 15px;
background: var(--color-surface-1);
border-radius: 8px;
box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%);
font-size: 0.875rem;
}
.mw-parser-output #home-content {
margin-top: 1.6rem;
}
.citizen-table-wrapper {
overflow-x: unset!important;
}
/* 人物介绍css */
@media screen and (max-width:767px){
.rwjj {
backdrop-filter: blur(3px);
}
.rwjj:active {
backdrop-filter: unset;
}
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
