Category "css"

Generate solid colors using CSS linear-gradient (not smooth colors)

Assuming my linear CSS gradient looks like this: background: linear-gradient(to right, red 0%, green 20%, blue 40%, purple 60%, yellow 80%, black 100%) It wil

Can I transition the flex-grow of a flex box to produce an animation?

Is it possible to transition the items in an flexbox? When you click I want all items to collapse except the one that is clicked. The one that is clicked should

Positioning absolute and stay documentflow

Is there any way in css to position an Element something like absolute (in relation to the parent element), e. g. at the bottom of its parent element, but have

HTML/CSS: Show full size image on click

I have a text + image side by side, and I want a function where the user can click on the image to make it bigger. I'm new to HTML/CSS so I was wondering how I

Background not covering full page

My background image is not covering the full page when I type in my nav bar. I have set the background width and height to 100%, which I thought would solve the

Bootstrap container-fluid on xs devices only

I want to use the full width on xs and sm devices (container-fluid) but just the container class for all other devices What's the best way to put this in place

How can I get CSS scroll snap to work with JS scroll event listener?

I am working on this project where I need both scroll listeners and scroll-snapping, so I can make some cool transition effects between section changes. I could

Responsive Design: Everything shrinks when mobile keyboard is active

There are many screen resolutions in browsers nowadays, so using px in my CSS sizes isn't actually a good idea. I adopted and used vh in substitution for px sin

Display block without 100% width

I want to set a span element to appear below another element using the display property. I tried applying inline-block but without success, and figured I could

Tailwind utility classes only working in css file and not inline

I'm using electron, react (web), typescript and tailwind. Now, currently I'm facing the problem that tailwind only works in .css files but not inline. See examp

How do I make a table scrollable

Does anyone know a vanilla way of making the body of a table scrollable using only html and css? The obvious solution tbody { height: 200px; overflow-

Bold font in h1, h2, h3 titles - 92590

I need help in finding out how to get a bold font in Elegant theme in WordPress, but only in the heading areas (h1, h2, h3 etc), since I have no problem getting

How to assign custom color to progress bar bootsrap 4

Guys i have progressbar: <div class="progress"><div class="progress-bar" style="width:{{a.49}}%">{{a.49}} %</div> </div> How can i as

CSS to draw slant line border [duplicate]

I have not much experience in web designing, I was just trying to write a css to get the out put similar to this Can anyone help me to achi

How to animate text with css font-weight property in jQuery ? normal to bold

I am trying to animation like opacity effect, which turns text bolder slowly. Tried usual animate() method but didn't work. Searched for it but coundn't find an

Can media queries resize based on a div element instead of the screen?

I would like to use media queries to resize elements based on the size of a div element they are in. I cannot use the screen size as the div is just used like a

Cant link stylesheet

I’m setting up a new website. I launched an Amazon EC2 instance with LAMP using Bitnami and I’m now starting to build the site, however when I try t

Concentric circles with CSS

Does anyone know how to draw concentric circles like the RAF symbol (concentric red, white and blue circles) using only CSS?

JavaScript, for each hover over change the text color

I have 4 div (colored box) and each div represent a different color. When a user hovers over one of the colored boxes the text to display ("Hello world") should

Trouble getting Conditional CSS with Media Query and Grails

I'm using media queries to import the correct stylesheet (mobile.css or main.css) in my Grails application. If I load the page with my PC, it works fine, when i