Asksearch_php.cn

Community Learn Tools Library Leisure

English

Popular searches：
PHP
MySQL
jquery
HTML
CSS

Using SVG directly in HTML markup does not allow me to assign the role to a button or have the desired hover effect

I have a container with an icon that is supposed to perform two functions: Act like a button (accessible via keyboard/screen reader etc.) Turn red on hover/focus When I use the SVG directly in the markup, the hover The stop effect works as expected, but I can't assign the button role to the SVG like...

P粉940538947 2023-09-06 20:29:59

The start and end points of the image

I'm trying to set the start and end points of an image. So I have my canvas and an image and when I put the image into the canvas I want it to light up a little red circle when I hover over the start/end points which means I can create with other images connect. For example: 1) Drag the image. 2) Pl...

P粉511757848 2023-08-31 12:24:51

angular.js - angularjs labels keep flashing when hovering with the mouse

When I used angularjs to write a mouseover event, I found that the label kept flashing when the mouse was pressed. The angular code is as follows: {code...} Is there anything wrong with this code? The effect to be achieved is to hover the mouse until the login is successful. tab, the Enter Home tab ...

巴扎黑 2017-05-15 17:07:12

How to change the background color of MUI tooltips?

I want a "?" user can hover over the icon and get specifications on what data should be entered in the text field. MUI's default hover is gray with white text, but I want my hover to be white with gray text and with a larger font. I found that using works fine for font size and color, but ...

P粉147045274 2023-09-04 11:56:50

Tilt effect bug on hover

I have a button with a tilt effect that has a text inside it and when I hover the button two lines appear next to the button. There is code that hovers over the button until you see it, which is a very random side effect. I think this is a problem with Chrome, but I'm not sure. Here is a picture of ...

P粉520545753 2024-03-29 13:34:50

Change color of text field labels in MUI

Hi I'm having trouble changing the text label color in a MUI text field. I have successfully customized the border color and hover state (including the label), I just can't change the label color in the non-hover state. I've tried various class names found in the DOM (including MuiInputBase-input), ...

P粉860370921 2023-08-26 17:15:52

CSS hover style on element inside div with transform-style:preserve-3d not working in Safari

I implemented a parallax scrolling header with some social icons inside it with hover styles. Hover styles currently don't work in Safari. When I remove transform-style:preserve-3d on the container, the hover style works (but breaks parallax). It works fine in Chrome. <!doctypehtml><htmlcla...

P粉346326040 2023-08-30 18:33:26

The aspect ratio of the image in the picture

I have an image with a title like this: Title I also have img{max-width:100%} in CSS. I want to set the width and height of an image simultaneously and maintain its aspect ratio when the width decreases below its set value. So, I tried code like this: Title This is roughly what I want, but when the ...

P粉557957970 2023-08-17 20:24:04

How to remove transition delay in Vue transition?

I'm using Vue to animate a text box to move up and fade in when the mouse is hovered over a picture. The animation is correct, but there is a slight delay before it starts. I want the text box to smoothly and immediately start fading in and moving up when the image is hovered. The text box properly ...

P粉757432491 2023-08-17 17:36:49

How to prevent the converted elements from overflowing and automatically cutting them off?

I'm using Bootstrap4 to make a modal gallery for a friend's personal website. I set it up so that the images expand on hover - but when I set overflow to auto, they get cut off at the edge of the modal (or div). The Gallery is also the third in a set of tabs, but all of them work great. I've tried c...

P粉242535777 2023-09-07 20:04:02

Create a hover effect that transforms the menu button into an x shape with a shadowed clone version

First I want to admit that my title is confusing and I'm sorry for that. What I want to achieve is the following effect on hover: My website is here https://wordpress-493302-3130963.cloudwaysapps.com/ I have successfully accomplished half of what I want to achieve using css transitions, But cannot s...

P粉546257913 2024-04-04 11:55:21

Place interactive markers on images using React

please help. I have an image like the one below that is displayed on the home page (a larger image). Note that the "FORGE" house has a white and blue marker with a black arrow in the middle. The same goes for "rental" homes. Each of these markers will act as an interactive button...

P粉896751037 2023-09-08 21:25:41

How to make a marker in Leaflet have two popups? One on mouseover and another on click?

I want the titles to be hovered over markers on the map and when clicked on them a full popup with different content will open. I'm trying to make a legend that contains a list of all the markers that will be used as links to the corresponding popups, but I can't seem to figure out how to do it.

P粉254077747 2024-04-01 12:40:41

Enhance gradient backgrounds with CSS3 transitions

I'm trying to use css to make a transition on a thumbnail image so that the background fades in on hover. The conversion doesn't work, but if I just change it to an rgba() value, it works wonderful. Doesn't it support gradients? I've also tried using an image and it doesn't convert the image either....

P粉955063662 2023-10-12 18:05:11

javascript - I found a strange problem. The css animation I wrote automatically paused when I closed the tab.

I found a strange problem. The CSS animation I wrote automatically paused when I closed the tab, and continued to play when I expanded the tab. I use the background image to move to achieve the effect of motion. Is it related to this reason?

给我你的怀抱 2017-06-30 09:52:30

Use CSS3 transitions with gradient backgrounds

I'm trying to use css to make a transition on a thumbnail image so that the background fades in on hover. The conversion doesn't work, but if I just change it to an rgba() value, it works fine. Doesn't it support gradients? I've also tried using an image and it doesn't convert the image either. I kn...

P粉217629009 2023-08-23 21:25:42

How can I make text turn into a new element (like a divider) when clicked?

I'm trying to find a way to make certain text on the page turn into separators/new elements when clicked. I don't know how to explain it, but like, imagine an image with a title below it - click the title, and then the image above becomes like a text box/different images/scrollable separator. I'm tr...

P粉872101673 2024-04-04 11:21:03

How to restrict CSS to only take effect on one div in the same category

I'm trying to make a title appear over an image on mouseover, but they all have to have the same class. I don't know if what I'm asking is possible, but I'd consider various different solutions. This is my current code. <divclass="item"><imgclass="Placeholderimg"src=&quo...

P粉475315142 2023-09-09 21:32:30

Dynamically add :hover effects to multiple elements

Is it possible to add a hover effect to multiple elements programmatically? In our system, where there are multiple elements that represent a single unit (but need to be separated into multiple elements for other reasons), in some cases they should be recolored together on hover. Is it possible to a...

P粉203792468 2023-08-15 23:49:58

Implement transition effects for image replacement using pure Javascript

On a website I created, I have a number of accordions, each with an image on top. When you open the accordion, there is a description inside and the image changes to another. Then when you close the accordion, the image switches back to the first image. The problem is that I want this image change t...

P粉458913655 2024-03-30 00:14:11