Difference between revisions of "User:VTCobaltblood/Test.css"
Jump to navigation
Jump to search
m |
m |
||
(14 intermediate revisions by the same user not shown) | |||
Line 19: | Line 19: | ||
text-align: center; | text-align: center; | ||
display: inline-block; | display: inline-block; | ||
vertical-align: top; | |||
background-color: gainsboro; | background-color: gainsboro; | ||
border-width: 1px; | |||
border-color: gray; | |||
border-style: solid; | |||
} | } | ||
Line 26: | Line 30: | ||
display: block; | display: block; | ||
height: 32px; | height: 32px; | ||
background-color: | background-color: deeppink; | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | |||
font-weight: bold; | font-weight: bold; | ||
font-size: 24px; | font-size: 24px; | ||
position: relative; | |||
margin-left: 5px; | |||
margin-right: 5px; | |||
margin-top: 5px; | |||
border-width: 1px; | |||
border-color: darkgray; | |||
border-style: solid; | |||
} | |||
.card-image { | |||
width: 50%; | |||
margin: auto; | |||
margin-top: 5px; | |||
} | } |
Latest revision as of 23:35, 29 July 2019
@keyframes a {
from: { transform:scale(1.0, 1.0); }
to: { transform: scale(300.0, 300.0); }
}
tup {
animation-name: a;
animation-duration: 10s;
animation-play-state: paused;
}
.tup:hover {
animation-play-state: running;
}
.card {
width: 350px;
height: 475px;
text-align: center;
display: inline-block;
vertical-align: top;
background-color: gainsboro;
border-width: 1px;
border-color: gray;
border-style: solid;
}
.card-title {
width: auto;
display: block;
height: 32px;
background-color: deeppink;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 24px;
position: relative;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
border-width: 1px;
border-color: darkgray;
border-style: solid;
}
.card-image {
width: 50%;
margin: auto;
margin-top: 5px;
}