Участник:VTCobaltblood/Test.css: различия между версиями
Перейти к навигации
Перейти к поиску
>VTCobaltblood (test) |
>VTCobaltblood мНет описания правки |
||
(не показаны 32 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
@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; | |||
} |
Текущая версия от 01:35, 30 июля 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;
}