Add animation to the background-image property in the body tag: step-by-step guide

I am using background image in style tag. <style>body{background-image:url("img.jpg");backgrou...

From [CSS3discussion group] 2024-03-29 21:59:19 0  2  444

CSS grid layout, automatically adding rows and setting column width to maximum grid item width

I want a grid layout with any number of grid items, and when a grid item is filled it automatically creates a ...

From [CSS3discussion group] 2024-03-28 11:13:36 0  1  444

Center align text without wrapping

I'm trying to center my title so I used white-space:nowrap; so it doesn't stack and appears in one line, but n...

From [CSS3discussion group] 2024-03-19 18:16:10 0  1  444

Modal transitions in ReactJS Tabler/Bootstrap

I'm building a Tabler dashboard using some ReactJS components. At first I used normal HTML pages and Jinja2 te...

From [CSS3discussion group] 2024-02-17 19:44:05 0  1  444

Create a function that hides the menu when the button is clicked again

How to make it so that when you click the button again it hides its menu The way this script works is that whe...

From [CSS3discussion group] 2024-02-04 10:12:55 0  1  444

Make drop-down menu multi-level

I have a dropdown menu that looks like this: .dropdown{display:inline-block;position:relative;}.dropdownbutton...

From [CSS3discussion group] 2024-01-10 18:02:08 0  2  444

Create borders around elements of different heights

I'm using react-photo-album to create a photo album on my website. I'm wondering if it's possible to set a CSS...

From [CSS3discussion group] 2024-03-30 10:28:37 0  1  443

My Dash tutorial looks different than the one in the documentation. Should they?

I'm an experienced backend engineer, but I'm new to browser-based GUI design (HTML, CSS, etc.). I needed to bu...

From [CSS3discussion group] 2024-02-21 20:49:58 0  1  443

Shiny selectInput/pickerInput with long name should overflow sidebar

I want to build a shiny app using bs4Dash in sidebar layout. The sidebar contains a drop-down selection menu c...

From [CSS3discussion group] 2024-02-21 15:22:53 0  1  443

How to achieve responsive design while maintaining fixed image dimensions?

I have the following CSS (using Bootstrap) to resize an image so that it fits into a 16:9 container without st...

From [CSS3discussion group] 2023-08-16 14:35:27 0  1  443

Is there a way to hide the image after clicking it and display it when clicking again?

I have an image overlaying an object. I want to click and hide it, show the object (360 degree virtual tour) a...

From [CSS3discussion group] 2024-04-03 20:13:41 0  1  442

Toggle text area to switch between HTML code and preview

I want to use textarea to switch between HTML code and preview html. When the HTML is clicked, it shows the co...

From [CSS3discussion group] 2024-03-31 11:52:47 0  1  441

Preferred size for allocated variable props not working properly.

I want to make a draggable split panel for the editor. Its behavior is mainly similar to CodeSandbox's Console...

From [CSS3discussion group] 2024-03-30 09:42:29 0  1  441

How to change the style of @react-navigation/drawer DrawerItemList

I'm using @react-navigation/drawer. And the style inside <DrawerContentScrollView> is very annoying. I h...

From [CSS3discussion group] 2024-02-03 18:57:47 0  1  441

Rewrite the title to: How to change hover-expand menu to click-expand

So basically I have a menu that expands when you hover over it. How can I rewrite my code so that it also expa...

From [CSS3discussion group] 2024-01-16 18:51:40 0  1  441