PM_vlax
PM_vlax
PostsComments
KPCKevin Powell - Community
Created by PM_vlax on 9/14/2024 in #front-end
Round a box-shadow without round the parent
I don't know if it's possible but I know that if the parent container has rounded corners I can see the background behind it. Thank you. box-shadow: inset 0.5vw 0.5vw #991b1b, inset -0.5vw -0.5vw #991b1b, inset 1vw 1vw #f1f1f1, inset -1vw -1vw #f1f1f1;
9 replies
KPCKevin Powell - Community
Created by PM_vlax on 7/31/2024 in #front-end
bottom animation don't work
Hey ! I don't know why it doesnt work. Can you help me please ? Thx. 
<img src="images/californien.jpg" alt="Massage Californien" class="animation"\>
<img src="images/californien.jpg" alt="Massage Californien" class="animation"\>
.animation {
    animation: linear;
    animation-timeline: view();
    animation-range: entry;
}

img {
    height: 75vh;
    border-radius: 5vh;
    box-shadow: 0 0 5vh rgba(0, 0, 0, 0.5);
    animation-name: bottom;
}

@keyframes bottom {
    from {
        translate: 0 100%;
        opacity: 0;
    }
    to {
        translate: 0;
        opacity: 1;
    }
}
.animation {
    animation: linear;
    animation-timeline: view();
    animation-range: entry;
}

img {
    height: 75vh;
    border-radius: 5vh;
    box-shadow: 0 0 5vh rgba(0, 0, 0, 0.5);
    animation-name: bottom;
}

@keyframes bottom {
    from {
        translate: 0 100%;
        opacity: 0;
    }
    to {
        translate: 0;
        opacity: 1;
    }
}
4 replies
KPCKevin Powell - Community
Created by PM_vlax on 7/29/2024 in #front-end
Height of div auto adjust text
How to enlarge the height of the div when you shrink the size of the page so as not to have overflowing text ?
3 replies