Category "css"

Cubic bezier function for finding progress given time and two control points

I am trying to find a JS algorithm to find the ypos of a cubic bezier given the xpos. the first and last control points will be (0,0) and (1,1) and it should th

How can i make responsive HTML Table with 90% width of screen

Hello i have issue with table ive created table and at 1920*1080 24" monitor it looks very good. Issue is if user has smaller monitor like notebook, table, phon

Overflow:auto clipping top content?

The issue is, that the popup is too long vertically, and when I try to add overflow-y: auto; to .popuptext.show it clips the top of the popup (the section with

grid-template-columns is not working in React 18

Major Update to the Question(7th May): When I am using my arrow keys, I could see all of the three cards but still the same is as big as it doesn't fit on the s

When printing, Vuetify application reserves space for invisible elements

I created an application using Vue.JS and Vuetify. The layout is based on the Google Contacts layout. I am using both a toolbar and a navigation drawer. I woul

Css :after and :before pseudo element not working properly in IOS

I am trying to dash after border in H tag using :after and :before it's working fine on desktop & android devices but create issue in IOS devices border mad

Horizontal scrolling in mobile view iOS

I have a horizontal gallery overflow-x: scroll that is choppy only in iphone/ipad view (Tested in Androids scrolls fine). I've seen some stackoverflow uses -web

Horizontal scrolling in mobile view iOS

I have a horizontal gallery overflow-x: scroll that is choppy only in iphone/ipad view (Tested in Androids scrolls fine). I've seen some stackoverflow uses -web

How to make Material UI v1.0 Dialog background transparent?

I am trying to make put a CircularProgress inside a dialog box. But the dialog box background is white and cannot be set to transparent as in earlier version -

Div hide/show using radiobutton functionality using Jquery

I have text & image wrapped in a div. Using Radiobutton the image & text should appear top & bottom. If you select image radiobutton, the icons shou

How to overlay text on an SVG path element in React without using the coordinates of the path element?

I am attempting to create a global COVID-19 tracker for each country using React. In order to carve out individual countries and present them I have used an SVG

seperate date with slash css style

I would like to represent date so that between dd and mm a slash. See image. Does anyone have an idea how to do this? I could display it as a png, but first I

Custom CSS to radio button labels

I need to add custom styling to the checked/active radio button behind the label. I can get the border and width of the buttons fine, just can't set a backgro

Trying to change value of buttons

I'm trying to change the value of a button when I click on it, so what I did was I created a function in JavaScript where I call the ID of the element by gettin

How to create uneven rounded sides on a div?

I've been trying to make a DIV with uneven rounded sides like this: I've checked some solutions and the closest I can get to it is by using border-radius. I'

Animate reused svg independently

I want some SVGs to animate on click. The SVG is defined once and has been reused multiple times with the <use> tag. I wrote the following code: svg {

Is it possible to assign opacity to a SCSS hex color variable, re using that variable?

I have a series of scss variables representing colors re used throughout my app, like so: $first-color: #00755E I also have colors that are the same as this fi

remove specific style from tailwind base

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tai

How to resize background-color and adjust its position?

I have an image and when i hover it, background color changes, but I want to change the size and position. .hoverme:hover { background-color: #f7b0ee; b

Why does my css design look okay on various android screens and bad on iphone devices

I'm trying to design a webpage but it looks okay on android devices but when i use apple mobile devices (iphones) it doesnt follow my css rules and looks bad. i