ChairLizard
KPCKevin Powell - Community
•Created by ChairLizard on 9/1/2024 in #front-end
Weird browser lag while animation runs
Hi! I've been fiddling with css animations recently and when the animation starts and ends theres a weird lag. Here is the link to the website! Do let me know the cause of the problem, thanks! (I've used transform: translate() btw)
https://floralwhite-goldfinch-146588.hostingersite.com
81 replies
KPCKevin Powell - Community
•Created by ChairLizard on 8/27/2024 in #front-end
White space
Hi! This is my first website and I have no idea why there is white space on the right. I tried to give HTML a 100% width, i tried overflow-x hidden and I even tried wacky stuff like negative margin right values but nothing works. My code is really long because of media queries, but I hope you'll be able to help
'''@media (max-width: 420px) {
.button-86{
transform: translate(50vw,97vw);
} #intern { height: 160vw } .p-line { transform: translate(0vw,32.5vw); overflow-x: hidden; } .intern-p { font-size: 5.5vw; width: 80vw; margin-top: 21vw } .intern-p-2 { margin-top: 45vw } #small-container-img-1,#small-container-img-2,#small-container-img-3 { width: 30vw; margin-top: 14% } #button { display: none ; }
} #intern { height: 160vw } .p-line { transform: translate(0vw,32.5vw); overflow-x: hidden; } .intern-p { font-size: 5.5vw; width: 80vw; margin-top: 21vw } .intern-p-2 { margin-top: 45vw } #small-container-img-1,#small-container-img-2,#small-container-img-3 { width: 30vw; margin-top: 14% } #button { display: none ; }
77 replies