After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 197 KiB |
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 105 KiB |
After Width: | Height: | Size: 88 KiB |
After Width: | Height: | Size: 63 KiB |
@ -1,27 +1 @@ |
|||
<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> |
|||
|
|||
<img src="image/imgnoir.jpg" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoir.jpg'" alt="" /> |
|||
|