You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
809 B
28 lines
809 B
3 years ago
|
<style>.card-fan {
|
||
|
|
position: absolute;
|
||
|
|
width: 15%;
|
||
|
|
transform-origin: bottom;
|
||
|
|
transition: .3s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cards-fan-container:hover #ten-fan{
|
||
|
|
transform: rotate(20deg)
|
||
|
|
}
|
||
|
|
.cards-fan-container:hover #ace-fan{
|
||
|
|
transform: rotate(-20deg)
|
||
|
|
}
|
||
|
|
.cards-fan-container:hover #jack-fan{
|
||
|
|
transform: rotate(10deg)
|
||
|
|
}
|
||
|
|
.cards-fan-container:hover #king-fan{
|
||
|
|
transform: rotate(-10deg)
|
||
|
|
}</style>
|
||
|
|
<div class="cards-fan-container">
|
||
|
|
<img src="image/Ace.png" class="card-fan" id="ace-fan"/>
|
||
|
|
<img src="image/King.png" class="card-fan" id="king-fan"/>
|
||
|
|
<img src="image/Queen.png" class="card-fan" id="queen-fan"/>
|
||
|
|
<img src="image/Jack.png" class="card-fan" id="jack-fan"/>
|
||
|
|
<img src="image/Ten.png" class="card-fan" id="ten-fan"/>
|
||
|
|
</div>
|
||
|
|
|