Category "css"

HTML obfuscation using special fonts

I was browsing a German website when I noticed that during the initial page load there were some non printable characters displayed on the page (like ``). As a

What is the reason for the lack of inheritance of text-decoration? [closed]

So I've read the previous disccussion on this topic and I understand that text-decoration is propagated instead of inherited, but the spec doe

Hero image on mobile changes

I'm trying to add two new things to my hero images on the front page of https://webhost.pro/ and the hero on content pages https://webhost.pro/company/about-us/

How to position these divs on top of each other

I have 3 divs that only contain a background color and what I want to make is something similar to the google chrome logo. This is just part of the code, there

How to align separate svg text elements like character alignment in word

I am working with an svg text element and I need to create separate <text></text> element per character of a particular word, Lorem in this case. Fo

Z-Index, Create a text box and bringing it to the front

I have a simple page, background image and a text box. I need the text box to be at the front but as I'm quite new to html/css I just got lost a bit :) I tried

v-menu background become transparent and overlay navbar Vuetify

I am making a Facebook's notification component using v-menu & v-list. I set height of v-list to 300px because if not, the list will stretch height to show

How do I align 3 div container next to each other using CSS when float left does not work

I am trying to align my 3 service divs next to each other but instead they are each slightly lower than the other one. I think it might be the images that are m

React native - highlight an icon in a "fizzy" way

enter image description here Does anyone know how to achieve this effect?

Using the 'revert' CSS keyword in user scripts

I try to find a difference in how the revert keyword works depending on whether it is used in a user script or on a site itself. An article on MDN describes thi

Issue with CSS file in Django

Trying to load a css file into my base.html file. When I load the webpage, it is not updating the webpage with the css styling I loaded. Everything is running a

Did not parse stylesheet at 'ionic://localhost/styles.css' because non CSS MIME types are not allowed in strict mode

I'm working on a cross-platform mobile app and using ionic and angular frameworks. My app is running fine on iOS simulators and devices. recently I bought a new

CSS selector attributes does not work when adding style to component

I am having this React component: import * as React from "react"; import styles from "./style.module.css"; export interface IMenuButtonProps { name: string;

How to set Bulma level breakpoint to a larger value

I am using the Bulma CSS framework in a Vue app. I am using the level component to display a set of items in a horizontal chain. The level is automatically stac

How can I keep an absolute div from disappearing when the parent collapse is collapsed? (Material-UI)

I have a Collapse element with a button that is absolutely positioned outside of the collapse. Basically, the collapse sits off to the right of the screen, with

Build rows before columns with grid

I have a grid with a variable number of elements, but it should always have 3 columns: <div class="grid grid-cols-3"> <span>1</span> <s

How to animate a svg path such that another different colored path slowly starts filling it?

I have an SVG that kind of looks like a race track encoded in the form of a <path> element. What i want is to animate another path with a different color

How to force a page-break on weasyprint?

I wonder if its possible to create a force break that splits the table rows? I think weasyprint does this in a sense but I want to break the rows in to specific

jquery 3.6.0 animate width to specific size not working

I have this jsfiddle: $('.btn').click(function() { if ($('nav').hasClass('open')) { $('nav').removeClass('open'); $('.hide').animate({ width: '5

Valid CSS alternative to scroll-snap-points

Since the CSS properties scroll-snap-points-x and scroll-snap-points-y are deprecated, I was wondering if there still is a non-js solution for scroll snapping t