Questions tagged [webkit-perspective]
28 questions
0
votes
0 answers
3D transform and perspective causing entire page to flicker - Chrome only
I have an svg that is rotated in 3D using rotateX and perspective. It looks fine in Firefox and Safari but is broken in chrome and causes the whole page to flicker and partially render. If you open this JSFiddle link in Firefox it will look fine. If…
Atticus Deutsch
- 13
- 4
0
votes
1 answer
Perspective not working on "to" transitions, but working on "back" transitions in Safari
I've discovered this rather strange behavior of perspective in Safari. When using perspective on a transform: rotateY(180deg), the to rotation does not have the perspective applied, but the back rotation does. See the two gifs below:
Behavior on…
Mr.Yellow
- 692
- 5
- 15
0
votes
2 answers
Issue with CSS perspective / translateZ in Safari
Working with perspective and translateZ for the first time, and i'm running into a bit of an issue with Safari.
I'm using the code to create a simple parallax effect for a site i'm building, which is working correctly in firefox and chrome, but not…
Jack Notman
- 116
- 1
- 2
- 8
0
votes
1 answer
CSS perspective: fit the trapezoid inside container bounds
I have this snippet which puts a full-page
0
votes
1 answer
What is the different of css "perspective: " and "transform: perspective()"?
They should be do the same thing right? Also set up the 3d perspective for the child?
But is there any different in browser support or others?
Samson
- 177
- 1
- 16
0
votes
1 answer
Content flickering on Safari
I'm using webkit-perspective to animate slide transitions in css. It works well on all major browsers except safari.
The second slide has a flicker on the text. I found solutions here that includes -webkit-backface-visibility: hidden;
on the parent…
ebpo
- 76
- 3
0
votes
1 answer
calculate transition distance to justify projection size
I have an image that visually should become bigger by applying z translate with some perspective.
I need to calculate translate distance in z direction dist which will result in size increasing of the initial image projection by some factor.
31415926
- 3,811
- 7
- 47
- 78
0
votes
1 answer
3D transform issue in firefox
I have a JSFiddle showing a flipping card, It works in chrome as I would expect but the depth perspective in firefox is flat and I'm not sure where the issue is.
I have tried adding:
transform-style: preserve-3d;
and
perspective: 1000;
to all…
Totoro
- 1,234
- 2
- 12
- 21
0
votes
1 answer
Set perspective-origin with jQuery .css()
I want to set dynamically with jQuery the css value of perspective-origin of a div. It's an absolute div(popup) with dynamic top and left (depends of window size, scroll etc...).
When I open the popup I want to do an animation in css with…
Louis Serre
- 148
- 1
- 10
0
votes
1 answer
CSS perspective doesn't act in Firefox as in other browsers
Basically the title says it all. I have this code: