I'm trying to apply custom animations to my elements using Tailwind CSS. I have successfully used Tailwind's built-in utility classes for simple animations, but now I want to create a more complex animation sequence that isn't covered by the default…
The nav bar is small now but it will grow quite a bit. So, it'll need scroll bars. However I don't seem to be able to make them show up without forcing them with overflow: scroll; But even this doesn't…
I'm trying to replicate the same effect that you see on Trello in how a list is only as tall as needed, up to a limit determined by the list container. .container{ background-color: #00000020; display: flex; gap: 1em; height: 80vh;…
I there any way to remove the default hover effect of an anchor tag. By default, on hovering anchor tag its background turns somthing like light blue. Imo this is not possible, but trying my luck if somebody had done…
I have a background container/box called "question-box", inside this box I have an image. On this container/box and image I want a form/input box to be in the centre of this box. .question-box { width: 50%; height: 400px; /* make…
I have a registration form. Container form - and inside div elements (login/email) Height and Width are constant (width: 90%, height: 440px). Why its constant - Because i need exact height for this. OtherWise it stretch on the whole website…
I have a registration form. Container form - and inside div elements (login/email) Height and Width are constant (width: 90%, height: 440px) And have <div class="error"> element - where i "innerHTML' error message. But when it inserts error it goes…
I'm have an image which is limited to 70% of the screen size. This is great for mobile or tiled displays. However, for full screen the image takes up almost all of the screen. Therefore, I would like to restrict…
Is there a smart and simple way to float elements from bottom left corner to top right corner? My solution with display:grid is too static and has fix cols and not more than 10 items. I`m searching for a smart…
I'm trying to grey the border elements smoothly with css smoothing and it does nothing and the elements are 1 pixel thick code: function greyBorder() { var elms elms = Array.from(document.getQuerySelectorAll(".border")) for (var i = 0; elms[i]; i++) { elms[i].style.backgroundColor…