.overall {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
justify-content: center;
}
.column1{
display: flex;
flex-direction: column;
padding: 0 4px;
justify-content: center;
flex: 20%
}
.column2{
display: flex;
flex-direction: column;
padding: 0 4px;
justify-content: center;
flex: 30%
}
.text-card{
box-shadow: 0 4px 16px 0 rgba(0,255,255,0.5), 0 6px 30px 0 rgba(0,255,255,0.5);
border: 3px solid #00ffff;
text-align:center;
}
.img-card{
position: relative;
margin: auto;
width: 260px;
height: 260px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 16px 0 rgba(0,255,255,0.5), 0 6px 30px 0 rgba(0,255,255,0.5);
border: 3px solid #00ffff;
text-align:center;
overflow: hidden;
}
.scanline {
position: absolute;
height: 2px;
background: linear-gradient(to right, rgba(0, 255, 255, 0), rgba(0, 255, 255, 0.53), rgba(0, 255, 255, 0));
animation: scan 3s linear infinite;
top: 0;
left: 0;
right: 0;
}
.breathe {
animation: hologram 3s infinite;
}
@keyframes scan {
0% { transform: translateY(-200px); }
100% { transform: translateY(600px); }
}
@keyframes hologram {
0%,100% { opacity: 1.0; }
50% { opacity: 0.8; }
}
/* [[分类:在模板名字空间下的CSS页面]] */