Category "css"

How to animate moving each text -30deg [duplicate]

I have a Problem that my text is moving x-direction instead of 30deg. I need to move the text 30deg along. I use transform: rotate (30deg) and

how to scale down absolute positioned elements in the right way using CSS

i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo

How to call the same angular component multiple times using querySelector

So I have a component called custom-modal.component. The HTML file looks like this: <dialog id="custom-modal"> <ng-content></ng-content> <

How to make this responsive layout

I can't get the right part to assume the center of the page while being constrained by the content of the left part. Does anyone have time to look into my probl

I need to use a boolean column from my database that is set a 1 or 0 to change the look of one of my articles in my web page

Sorry if the title is a little confusing was trying not to make it too long. I am currently in school and my teacher has tasked us with this "Add a boolean colu

What's the best way to achieve this kind of grid template

I'm facing a problem with creating this kind of grid template by the simplest way. I've tried to find something similar to this that would help me but I've foun

How can I style option hover background?

I made select-option. But option:hover does not work. How can I fix it or what do you prefer? Style must be like this My codes <select> <optgrou

how to add a table row that have different size and display compare to other row

in this excercise, i create a table with 5 row in tr and i put the last row (1 input and 2 button) in a div class btn. the display of last row is ok but i expec

How to change the aspect ratio of image and upload to Imgur?

I have a drop zone where you can drop or select images. And I am using a background-image property to display the image. I am building a post scheduler for Inst

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

Popup div hidden at the end of the data table

Currently we are facing an issue related to a div that hides at the end of a data table that we are using in our system. The popup div is working fine from the

what is the "+" meaning in css selector [duplicate]

thanks in advance,recently I'm learning scrapy and I don't what is the "+" meaning ,here is my codeenter image description here

"max-width overrides width, but min-width overrides max-width" - what does it mean? [duplicate]

max-width overrides width, but min-width overrides max-width. - MDN The quote is from MDN documentation, but what they really mean? I don't

Background color going out of the column while using 100%

I am using Bootstrap 5. I have created 2 columns on my page. This is the output I was getting it. Now, I have to show an orange color from end to end of my lef

Why does the second identical button have a thicker hr border?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

BottomNavigation in MUI cannot resize smaller than 400px if containing 5 items

I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains

How to change icon on hover effect?

As an user, I want to see tasks checkbox as gray tick on hover and blue tick when checkbox is checked. <div id="app"> <v-app id="inspire">

How to get a index of class onhover?

I have the following div structure: <div class="0"> <div class="test"></div> </div> <div class="1"> <div class="test"

Body not taking whole device width on mobile device

When the page is displayed on PC or tablet width it works perfectly. When on phone the body leaves empty space on the right. It isn't margin, or padding. I hav

How do i move the "interaction" with the "blob" in this animated blob?

I downloaded this javascript blob graphic, I've added it to my page, and moved it to the right using CSS, But when I move the mouse to interact with the blob, i