Difference between revisions of "User:VTCobaltblood/Test.css"
Jump to navigation
Jump to search
m |
|||
(28 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@keyframes a { | @keyframes a { | ||
from: { transform:scale(1.0, 1.0); } | |||
to: { transform: scale(300.0, 300.0); } | |||
} | |||
tup { | |||
animation: a 10s | animation-name: a; | ||
animation-duration: 10s; | |||
animation-play-state: paused; | animation-play-state: paused; | ||
} | } | ||
.tup:hover{ | .tup:hover { | ||
animation-play-state: running; | 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; | |||
} | } |
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;
}