centered absolute
This commit is contained in:
parent
7a3af16f8e
commit
371b49e460
17
index.html
17
index.html
@ -216,11 +216,14 @@ h2[data-spy='true']
|
||||
|
||||
.shot3d img
|
||||
{
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:auto;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin:0 auto;
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
transform-style: preserve-3d;
|
||||
transform: rotateX(-15deg);
|
||||
}
|
||||
|
||||
.shot3d::before
|
||||
@ -241,7 +244,11 @@ h2[data-spy='true']
|
||||
</style>
|
||||
|
||||
<div class="shot3d">
|
||||
<img src="https://truthforlife.org/static/images/productimage-picture-encore-2021-9729.jpg"/>
|
||||
<!-- <img src="https://truthforlife.org/static/images/productimage-picture-encore-2021-9729.jpg"/> -->
|
||||
<span>
|
||||
<img src="https://placekitten.com/800/400"/>
|
||||
<img src="https://placekitten.com/400/800"/>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user