document.addEventListener("DOMContentLoaded", (event) => { const hamburgerButtons = document.querySelectorAll('.hm-button'); const hamburgerLines = [ { closed: { x1: 13, x2: 37, y1: 13, y2: 13, }, open: { x1: 13, x2: 37, y1: 37, y2: 13, } }, { closed: { x1:…
I'd like to make a CSS animation where the timeline is based on the view of the element. However, it won't work, I already searched for it but no results. I got a page with a container. In this container,…
I expected to see a white font, but everything is blue. Why does this happen? <p style="color:rgba(0, 0, 255, 0.0); background-color: rgba(0, 0, 255, 1.0);"> Hello, World! </p> I tried running this on the Liveweave website.
I'm starting to think this isn't possible but i have seen multiple examples of it working without a scrollable element. I would like to have the tool tip element show beyond the bounds of a scrollable element. This is my…
My main goal is to save pandas dataframe with html and scc styles as image. I'm having problems imgkit so I tried html2image. And it worked for me. But a few days later the same code doesn't do anything. No…
I am looking for some help using JS or jQuery to show and hide a div. I have social media share in Wordpress loop. I understand how to make show and hide div on click. But in Wordpress loop, when…
I'mm currently learning HTML and I want to make my webpage responsive (e.g. when the window resizes, I want my content to resize accordingly without any glitches). Right now, when I resize my window there are some problems that occur:…
I'm currently improving my website for the use with mobile devices. Therefore I'm trying to open a menu with a click onto a equiv button. The menu is a fixed div with scrollable content and should appear and disappear with…
I am making a website for currency exchange (as a college assignment), and I am facing this absurd issue here. This is my entire code: @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } #bg…
We all know you can change the colour of a button when you hover over it in CSS alone. But, what would I do to make a label within it show up when I hover over it? Effectively, my button…