Category "css"

Why isn't the size increase animating with ngShow (angularjs)?

I have this dropdown that I want the height to be animated. I'm using max-height to achieve this and it kinda works, but when it expands it won't do the transit

downsampling does not appear on the main frame

In html I use the frame on the main page but the downsampling does not appear on the main frame please solve the problem <pre> <frameset rows =

HTML/CSS that worked in chrome looks all mangled up in firefox

So I am trying to create this success modal box which looks absolutely fine in Google Chrome but completely breaks in Firefox. Can I please get some help with w

Creating Sticky Navbar with Drop Down Menu HTML

I am creating a HTML web page which contains a sticky navbar with drop down menu. However, when I created one, the dropdown menu does not works in the sticky na

Boostrap vertical sizing with different style width and height

I am trying to set verticaly icon on profile photo card inside div to be in the middle in white box(div), but dont know why it doesnt works. When I use style="w

Javascript: Change element class if button has a certain value [closed]

<div class="main-div main-div2"> <!-- IF up to date, main-div3 --> <button id="update-btn" class="btn update

How to put new page into a frame thats inside main html? [closed]

Im trying to put a graph that can be interactable with main page onto the canvas. ive seen many pages that use this: "#document" being used in

Autoscrolling text animation in CSS not going all the way

I'm trying to scroll some single-line labels in a single-line fixed-width container. What I've tried so far is: Create a container with fixed dimensions. Place

getting error while adding css to button in my react js app

I was styling a button in my react js website and got this error while writing the css for it, actually I was going to animate it after hovering the mouse. its

How to use a single CSS parent class for styling grandchildren elements? [duplicate]

Given the following snippet, how can I use the parent class for styling the grandchild element? <body> <div class='parent'>

Can I find out the color scheme in the browser

since it is possible to find out if the PC is in darkmode or not I would like to know if it is possible to find out which colorschemer the User has taken e.g. y

Issues centring the a div

I'm trying to centre a div but for some reason the div doesn't get centred. The code is avaialble here. In the image below you can see which is the issue.

Apply :hover::after / :hover::before on Gatsby using vanilla-extract

I'm trying to add a dynamic underline. When hovering the element I can't change the "after" or "before elements using CSS. I know this can be done with plain CS

Can't resolve font path using styled-components

I am trying to include a google font Epilogue to my project using @font-face and styled-components. I created GlobalStyle.style.jsat the /src folder and importe

On straching a div open sidenavbar

Hi everyone when I'm using my phone i get to know that there is one feature given by my phone ,they provided a straight line while stretching that div I'm able

Remove video play-button when iOS mode is "lower power"

I autoplay my videos and this is working perfect. The only problem is, when a iOS user is on lower power mode the videos are not autoplaying. Then the videos al

Remove video play-button when iOS mode is "lower power"

I autoplay my videos and this is working perfect. The only problem is, when a iOS user is on lower power mode the videos are not autoplaying. Then the videos al

My .style.background doesn't style the item

I am trying to make a timer and make it so that when the time gets below 10 seconds the text turns red. I am using backgorund-clip to style my text, but for som

How to make an angular page scrollable

I'm working on an Angular project in which I'm creating a form using the ionic-framework components. <ion-content> <form> <ion-item lines="

How would I make one container in a grid change to 100% width on mobile?

I have 8 elements in a grid. On a desktop screen they appear properly. I want element-3 to hide at max-width: 885px and element-2 to expand to width: 100%. I ha