807,322 questions
0
votes
0
answers
22
views
Focus border on grid cell with overflow: hidden
I'm trying to draw a focus border on a grid cell.
First, I tried outline with offset. Almost perfect, but left and top borders aren't covered.
Then I tried with box shadows (also with inset). Here I ...
0
votes
1
answer
53
views
How to remove a css border from a twitter embed?
There is a grey border around all embeded tweets but I want to remove it and add round corners too. But because its in an iframe i have no idea how to remove the border.
<blockquote class="...
0
votes
0
answers
32
views
Get CSS RotateZ() from matrix3d
I am trying to determine an angle of rotation dynamically within an animation for each frame. The object is only rotating on its Z axis and after some research I found that the best method is probably ...
-2
votes
0
answers
81
views
How to remove unused JavaScript and CSS files from my website? [closed]
I’m trying to improve my website performance and Google PageSpeed Insights shows that many JavaScript and CSS files are unused or partially unused.
I want to remove or disable these unnecessary files, ...
-1
votes
2
answers
72
views
How to get 100 small viewport height in Javascript?
I have an asset that has to be statically sized based on viewport height. The problem is that for some mobile browsers when the navigation bar hides, the asset changes size, because the height of the ...
1
vote
1
answer
49
views
Not Vertically Centered in Circular Button in React / CSS
I’m building a React app and I have a table where I render an “Add Coin” button. The button is a circular link with a + symbol inside it. The problem is that the + is not vertically centered inside ...
-3
votes
0
answers
36
views
How to store and match user-selected words with their different forms across texts? [closed]
I want to build a program where a user can input any text they want to study.
While reading, the user can select certain words. Each selected word should be stored in a dictionary or list.
Later, when ...
0
votes
0
answers
32
views
ASP.NET QuickGrid: Style clash between QuickGrid default theme and bootstrap table
Repro:
Create the default Visual Studio Blazor Server Template with sample pages.
Add a nuget reference to Microsoft.AspNetCore.Components.QuickGrid (10.0.0)
Replace the weather page with a similar ...
-5
votes
0
answers
59
views
How to properly downsize a video in the browser? [closed]
I'm working on a screen sharing app, and I have an incoming 1920x1080px video stream via WebRTC. My problem is that when I resize the browser, the video becomes really blurry as the browser is ...
-1
votes
0
answers
22
views
Fit to text content rather than taking up extra space [duplicate]
I have a case where I have some very long text content in a label div that's within a flex box. What I'd like is to make the label sized only to as large as the text content to afford as much space as ...
0
votes
1
answer
27
views
height expansion transition is only one-way delayed/lagged
I am trying to create an expandable div, and I noticed that going from collapsed -> expanded works fine, but when collapsing it back, it lags for a second or so, any idea to what may have caused ...
2
votes
2
answers
80
views
Can I use CSS to make the top edge of a footer element stick to the bottom edge of the page, without hardcoding its height?
I am working on a website that has a footer element with decorations attached to its top edge in both ::before and ::after pseudo-elements (extending outside the footer element's bounding box), and I ...
-1
votes
0
answers
49
views
Set Font Size of <a> tag in WordPress [closed]
I am new to WordPress. I am trying to figure out how to increase the font size of this "line" as you can see how the underlined portion has smaller font size than the paragraph above. The ...
-4
votes
1
answer
83
views
How can I add a keyboard to a game like wordle when using html, css and javascript [closed]
I'm looking for a way to code a keyboard in javascript and I've already got the structure using two for loops to create a table that contains 3 rows to simulate an azerty keyboard.
I need a function ...
0
votes
0
answers
81
views
Creating a scrolling diagonal carousel with N images
I have a carousel of images, which I have tilted diagonally, and now I want to scroll through the images. The only problem is that if I add more images to the carousel track than the four I have, the ...
-3
votes
1
answer
114
views
How to move background while scrolling the page? [closed]
I`m just trying to figure out how to do a scroll effect. When background is moving with scroll, while you are on a certain block of the site. I tried something like this, but i feel wrong in here)
...
2
votes
2
answers
110
views
Firefox ignores CSS embedded in external SVG <use> references
I have a simple external SVG file circles.svg that contains related CSS in <style> tag:
<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3....
3
votes
1
answer
65
views
Applying a filter to all subsequent and previous sibling elements in CSS on mouseover
I have a grid of elements that I want to appear in their unfiltered form when the page loads. When a user mouses over one of them, it should stay highlighted while the other elements fade to grey. I ...
3
votes
2
answers
119
views
Is there a way to target a pseudo-element in CSS by its class?
I am looking to construct CSS to target this element...
<input type="button"
pseudo="-webkit-media-controls-play-button"
aria-label="play"
...
0
votes
2
answers
85
views
Why can't I increase the visual width or height of an <input type="range"> without breaking its layout?
I’m working with an <input type="range"> element, and I’m having trouble customizing its size.
When I try to increase the height, the slider doesn’t actually get thicker, it just moves ...
0
votes
0
answers
48
views
Popover circle close animation doesn't work as intended
Click on the yellow to open. The popover opening works (appearing through a circle animation), however there's no close animation. It simply disappears. (It seems to work through this snippet but not ...
0
votes
1
answer
125
views
Is there a way to recolor a white-and-transparent PNG inside an <img> tag to the current text color with HTML and CSS only? [duplicate]
I have some PNG images where all pixels are pure white with opacities ranging from 0% to 100% which are being added to web pages in <img> tags, and I want to recolor the opaque and semi-...
Advice
0
votes
3
replies
157
views
How to reset an HTML element to its first/initial value in JavaScript?
I am attempting to reset an element, through JavaScript, to the value that was first specified in the HTML/CSS files, while avoiding "hard-coding" the value. The purpose is making a script ...
1
vote
2
answers
73
views
Targeting element which is has not a parent with :not(custom-component)
I am trying to target a paragraph only if it is not inside the custom component my-component. like this:
// Style all elements that are NOT inside my-component
:not(my-component) *{
color: red;
}
...
Best practices
1
vote
2
replies
58
views
Flutter Custom UI Layout - Struggling to Replicate Complex Design from Image
enter image description here
Hi everyone, I'm trying to implement a complex UI layout in Flutter based on a design image, but after several attempts I haven't achieved the desired result. I'd ...