Category "css"

How do I prevent Edge from showing the visual search icon when users hover over an image?

Microsoft Edge (v100.0.1185.29) seems to have recently added a new hover icon(visual search) to all images over a certain size on a webpage. This option is also

Zoom image in/out on mouse point using wheel with transform origin center. Need help in calculation

CONTEXT : My requirement is to do image transformations like scale, rotate and translate with user actions on an image. Rotation and translation of image is don

Declare new height and width for every new page on added jspdf using javascript

var doc = new jsPDF('px','px', [388, 2401]); var width = doc.internal.pageSize.getWidth; var height = doc.internal.pageSize.getHeight; doc.addImage(img, 'JPEG'

How to create custom CSS classes using MUI v5 theme?

I am using MUI v5 in my application along with react-d3-tree which renders SVG tree charts. It offers an API to include custom CSS class names in the <path&g

Problems with the attribute "placeholder" of an <p:inputText tag when the value of the inputText is empty

I am using JSF Mojarra 2.3.9.SP02 with PrimeFaces 7.0 running on Wildfly 17 with the PrimeFaces's own Sapphire template. I have a severe problem with one <p

React Background Image Change Animation

I'm working on a weather app with ReactJS, what i'm trying to do is have a slideshow of images for my background, the images will be full screen, fading from on

VS Code syntax highlighting for template string css? (Emotion)

How do I enable syntax highlighting for emotion template string css in VS Code? All the plugins I find are for snippets. It works with css({ camelCaseCssProps:.

Whats the best way to control image sizes using CSS Grid?

Im getting very familiar with CSS grid. But its has a few perplexing issues of how to best set it up when you start trying to involve images and grid responsive

How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?

In Microsoft Visual Studio Professional 2017, when I edit a JavaScript or CSS file, the Intellisense Quick Info for Members, Objects and other keywords don't ap

Mobile bar closing transition isn't working on my code?

I'm new to coding, and I do not understand what is wrong with my code. The menu bar is for the media. I have it set to transition when a user clicks on it, and

React-select dropdown list getting cut in IE11

React select (https://github.com/JedWatson/react-select) drop down list is not fully shown in IE, works in other browsers. Works on other browsers. I tried set

Using React to reset the size of a div with CSS resize enabled

Currently I have a resizable div using resize: both; in its CSS. I'd like to make a function to reset the div back to its initial percentage-based size. I got t

Javascript set button active

I have a table of buttons and once it is populated, I am using document.getElementById("btn0").click(); to click the first button. The button is doing what it

Show a specific image in dark mode on GMAIL

I would like to know if there is a solution to display a specific image in dark mode on GMAIL (and hide an image in light mode). I tried by applying the guide h

how to fix navbar size to its original

I am trying to make a navbar with dropdown in it. when i added dropdown menu, my navbar's height got big although i commented the dropdown menu code but navbar

React App adding Pure CSS to Tailwind CSS

I need to do this in tailwind CSS for my react application. How can I do that? HTML <h1>Show / Hide Animation with pure CSS</h1> <label class="t

Tailwind-CSS doesn't apply flex/block after applying .hidden to the element

I want my div to be hidden on small screens and visible on bigger screens starting from md: But seems like .hidden has a higher priority. Or it just messing up

CSS not linking on Github [closed]

I've linked my css folder containing my styles.css file to my index.html like so: <link rel="stylesheet" href="css/styles.css"> It work

set width contaner to only span content width flex item fixed width and height

how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and h

Trying to zoom on hover of image: Circular image overflowing container

I'm trying to get a circular image to zoom when it's hovered. However, I can't get it to work - the image is overflowing the container. What am I doing wrong?