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
|
.shot3d img
|
||||||
{
|
{
|
||||||
position:relative;
|
position:absolute;
|
||||||
width:100%;
|
bottom:0;
|
||||||
height:auto;
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin:0 auto;
|
||||||
|
max-width:100%;
|
||||||
|
max-height:100%;
|
||||||
transform-style: preserve-3d;
|
transform-style: preserve-3d;
|
||||||
transform: rotateX(-15deg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.shot3d::before
|
.shot3d::before
|
||||||
@ -241,7 +244,11 @@ h2[data-spy='true']
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="shot3d">
|
<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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user