All Questions
697
questions
0
votes
1
answer
40
views
Css transform zoom in and out scrolling issue
I have 3 divs with the transform being on the 2nd div which has a div inside of that. I have added zoom in and zoom out buttons but when I zoom in I can't scroll all the way to the left and top but ...
- 468
1
vote
1
answer
48
views
How to flip the back side of the card image
I needed a card flip effect which is working but the issue is that no matter what I do, the back of card always stays inverted on hover, below is the code for it. The preview of the below code is ...
- 28.4k
1
vote
2
answers
44
views
How to make the background color or image of border-radius appear as intended
I want the background color or image of .txt to be displayed as the background color or image of the border-radius of .next.
I'd like to know how to do this without changing the transform of .txt.
...
- 550
0
votes
0
answers
17
views
container-type not working for element with auto/fit-content...Any workaround? [duplicate]
So just a background .. I am creating an application with good amounts of CSS Animations due to which my sites performance is reducing ... I want to use transform everywhere in my site so it performs ...
1
vote
4
answers
82
views
How to time a svg transformation with javascript
In this example, the svg-plus button transforms into a close button when clicked and vice versa with svg.setAttribute("transform","rotate(45)");.
Is it possible to time this ...
0
votes
0
answers
30
views
Transition: transform is acting weird when on different zoom level
I have a html dashboard script that include a compass , red arrow and a ship.
Scenario :
When the api provide value heading, the red arrow and the ship will rotate based on the direction given.
For ...
- 438
0
votes
1
answer
50
views
Canvas zoom with CSS transformation
In the following code I have a problem with zooming. When the Mouse is on one position and I zoom to this position, everthing is fine. But when I move the Mouse to another position and zoom there, ...
- 12.7k
1
vote
3
answers
313
views
Problem with self-closing DIV tags with XRechnung Visualizer and Saxon-HE for .NET
I want to implement a XRechnung visualizer with .NET/C# by using itplr-kosit's xrechnung-visualization, to transform XRechnung to HTML. As processor I use Saxonica's Saxon-HE. Now I'm struggeling with ...
- 11
5
votes
5
answers
16k
views
Safari CSS Transition flickering
I have a problem with a webpage I'm working on. On Firefox it doesn't seem to have any problems.
I have 2 elements, horizontal scrolling, with background images and the transition between those 2 is ...
- 2,271
30
votes
8
answers
18k
views
-transform:scale causing 'blinking' when hovering
I am working on a catalog which uses css -transform attribute to scale each 'swatch' upon hovering.
Here's my problem: In some browsers and on certain sites, when you hover over the swatches, it ...
- 128
0
votes
1
answer
55
views
css 3 image hover overlay
I have created an image effect where an image is zoomed in on hover, while the overlay text stays the same size. I am now trying to create a semi opaque dark overlay over the image on hover but the ...
- 893
-1
votes
2
answers
117
views
Butterfly flapping wings animation SVG
I'm trying to animate butterfly wings, which should look like butterfly flapping wings. Can you help me achieve this?
Here is the JSfiddle: https://jsfiddle.net/qfoy6hbc/
.butterfly {
width: ...
- 52.7k
0
votes
0
answers
26
views
How to Create a Page Rotation Effect using CSS Transforms on Scroll?
<html>
<div className="z-10 w-full h-screen bg-[#192c4e] scroll-transform-container ">
<div className='flex justify-center items-center w-full'></...
- 2,135
0
votes
3
answers
5k
views
Blurry font after applying transform
I am trying to achieve an animation akin to door/folder opening by applying rotateY to a div that contains texts and images. When applied, text elements become blurry:
blurry_chrome
All that is ...
- 3,624
0
votes
2
answers
51
views
i written a code to make a loader in css. i tried to rotate the internal div 360deg but it is rotating outside of the main div .have used position
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 50px;
}
body,
html {
width: 100%;
height: 100%;
display: grid;
place-items: center;
...
- 114k