How to swap two Div using animation

I have a project where I want a div to appear as a large box and three other divs to appear below as small box...

From [CSS3discussion group] 2023-08-26 13:55:33 0  1  594

How to make a diamond shape using the <svg> element?

I'm trying to create a diamond shape using and HTML5 elements. I specified the point, but instead of being fil...

From [CSS3discussion group] 2023-08-26 12:41:30 0  1  553

In iOS16, Z-index on Safari iPhone cannot take effect

I have a navbar that in mobile mode, e.g. on iPhone in Safari browser, I apply this class navbar-mobile to a n...

From [CSS3discussion group] 2023-08-25 20:33:05 0  1  675

How to create a box with angled and rounded corners on one side via CSS?

I currently find myself needing to make something like this. My first thought was to use clip-path, but the ro...

From [CSS3discussion group] 2023-08-25 19:46:29 0  1  599

How to change React Bootstrap Modal.Header closeButton icon

I'm using ReactBootstrapModal. I'm trying to change the closeButton icon. But it didn't work. <Modal.Header...

From [CSS3discussion group] 2023-08-25 18:59:18 0  1  533

Google Chrome uses Flexbox viewport to anchor expansion direction

There is an issue in Google Chrome when elements are placed that have space between them or center aligned con...

From [CSS3discussion group] 2023-08-25 17:44:46 0  1  643

The slider progress bar does not match the number of slides

I have created a carousel with 7 items. By default, this carousel will display 5 items. In my demo, I ran into...

From [CSS3discussion group] 2023-08-25 16:17:45 0  1  750

Center flex items in a container when surrounded by other flex items

I have a flexbox (see code snippet below as an example). I want to set it up so that in all cases, in the cent...

From [CSS3discussion group] 2023-08-25 14:40:25 0  2  580

How to adjust the height of p-table to be the same as the window height

Problem: I'm trying to set the height of a primep-table in angular. I've searched a lot online but nothing has...

From [CSS3discussion group] 2023-08-25 12:06:40 0  1  700

SassError: $map: null is not a map - Angular custom theme problem solving

I have created the following custom theme for my Angular project: @use'@angular/material'asmat;/*You can add g...

From [CSS3discussion group] 2023-08-25 11:50:05 0  1  641

Show hyphens only when necessary? (the soft hyphen won't cut it off)

Is it possible to use hyphens or soft hyphens in CSS so that the hyphens are not rendered unnecessarily? My go...

From [CSS3discussion group] 2023-08-25 11:10:51 0  2  667

Curl bottom of div to inside using CSS

I want to bend the bottom edge of this rectangular div/background using CSS, so the result is this: Does anyon...

From [CSS3discussion group] 2023-08-24 21:15:13 0  2  599

What do the querySelectorAll and getElementsBy* methods return?

Does getElementsByClassName (and similar functions like getElementsByTagName and querySelectorAll) work the sa...

From [CSS3discussion group] 2023-08-24 19:45:56 0  2  659

The rewritten title is: CSS 3 shapes: "Reverse Circle" or "Cut Circle"

I want to create a shape that I would describe as an "inverse circle": the image is somewhat inaccur...

From [CSS3discussion group] 2023-08-24 18:26:55 0  2  530

Why do nth-of-type/nth-child selectors have no effect on nested elements?

I'm trying to change the style of an odd number of divs nested within one div. For some reason, when nth-of-ty...

From [CSS3discussion group] 2023-08-24 16:07:18 0  1  576