transform Questions

5

Solved

I'm having trouble getting the coordinates of an element after it has been transformed using the "zoom" property. I need to know the coordinates of all 4 corners. I would typically accomplish this ...
Conservator asked 31/5, 2017 at 6:40

5

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...
Enceladus asked 29/7, 2014 at 7:38

8

Solved

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 c...
Kesterson asked 13/6, 2011 at 15:25

3

how do I apply the transform-origin property to a style in react native? I've tried in several ways, but I did not get an event I tried: transform: [{ rotate: ('90deg')},{origin: {x: 'top', y:'c...
Seemly asked 28/9, 2018 at 19:11

4

Solved

I'm using the following code to rotate an image, but half the image (down the y-axis) that has been rotated "out of" the page, disappears. How to fix? heading is in radians. CALayer *layer = myUI...
Spritsail asked 19/2, 2011 at 6:1

40

Seems like there has been a recent update to Google Chrome that causes blurry text after doing a transform: scale(). Specifically I'm doing this: @-webkit-keyframes bounceIn { 0% { opacity: 0; ...
Kanpur asked 3/2, 2013 at 21:26

5

Solved

Is it possible to get the four actual corner coordinates of a <div /> that has been transformed with CSS3 attributes like scale, skew and rotate? Example: Before the CSS3 transformation the...
Burrton asked 13/6, 2013 at 12:53

4

Solved

How would I access and change transform: translateY(0px); using the style object from JavaScript, in a similar matter to div.style.background = 50px. I'm trying to make it so a header on my webpag...
Frasquito asked 20/12, 2013 at 16:32

2

Solved

When I swap two distant items on a grid it 'redoes' the swap animation (going backwards then forwards again). It works fine when the items are very near as you can see in the following gif: I've f...
Garett asked 22/7, 2023 at 23:19

6

Solved

Rotation is a style transform and in RN, you can rotate things like this render() { return ( <View style={{transform:[{rotate: '10 deg'}]}}> <Image source={require('./logo.png')} /&gt...
Iphigeniah asked 25/5, 2016 at 18:34

28

Solved

I have been struggling with this for a while, and can't seem to find an answer (that works) anywhere. I have an SVG file which looks like this: <svg xmlns:dc="http://purl.org/dc/elements/1.1/...
Lenes asked 11/11, 2012 at 6:35

6

Solved

Im trying to flip an image to display it 4 ways : original (no changes), flipped horizontally, flipped vertically, flipped horizontally + verticly. To do this Im doing the below, it works fine ap...
Ahumada asked 30/9, 2015 at 21:9

6

I'm trying to calculate the right scale to apply to children inside a parent but i can't use calc() inside transform: scale CSS function. I've done this function with javascript but i'm interested ...
Cope asked 5/7, 2016 at 14:21

3

Solved

I'm doing some graphing around a center X,Y of 0,0. When it's time to render, I reposition with translate, and then use scale to make the graph fill the canvas (ie scale everything by 50% for examp...
Discordance asked 4/7, 2012 at 16:18

11

Solved

I have star png image and I need to rotate the star using Flutter AnimationController and Transformer. I couldn't find any documents or example for image rotation animation. Any idea How to rotat...
Stiver asked 12/12, 2018 at 14:47

3

Top left box: this is the original table. Middle box: this is what happens when I apply: .rotate { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(2...
Stronski asked 8/5, 2014 at 20:22

3

Solved

I've got coordinates of 4 points in 2D that form a rectangle and their coordinates after a perspective transformation has been applied. The perspective transformation is calculated in homogeneou...
Inca asked 5/3, 2016 at 19:58

3

Solved

I need to make tutorial for beginner using the R *apply function (without using reshape or plyr package in a first time) I try to lapply (because i read apply is not good for dataframe) a simple f...
Unleavened asked 8/3, 2012 at 21:0

7

Solved

I added an existing ASP.Net web application project to my solution. In addition to the standard debug and release configurations this solution also has two custom configurations, SAT and UAT. For t...
Demonstrable asked 14/6, 2012 at 16:8

5

tl;dr summary: Give me the resources or help fix the below code to transform path commands for SVG <path> elements by an arbitrary matrix. details: I'm writing a library to convert any arbit...
Faery asked 1/3, 2011 at 0:44

4

Solved

Here is an original code from compiled TailwindCSS file: .translate-y-full { --transform-translate-y: 100%; } It does not work. The syntax of CSS is incorrect. When I changed it to: .translate-y...
Donatelli asked 14/12, 2020 at 16:23

13

Solved

I've been using CSS3 transform to rotate images and textboxes with borders in my website. The problem is that the border look jagged in Chrome, like a (low-resolution) game without Anti-Aliasing. ...
Elect asked 27/6, 2011 at 11:17

2

Solved

I am using D3 to add attributes to a g element. I am also using D3-selection-multi to make writing the attributes easier (allows you to pass an object to .attrs() function). using webpack and bab...
Indraft asked 5/10, 2017 at 15:55

5

Solved

I have the following data structure (an "atomic vector?") output from daply in plyr, in which I had the function return three different measures for each subject, condition, and item. x = structur...
Jerroldjerroll asked 21/6, 2012 at 15:21

1

Solved

MATLAB solutions are available elsewhere on the internet, but there is need for the open-source python based solution. Starter code to create a blank image with a white line. import cv2 import nump...

© 2022 - 2024 — McMap. All rights reserved.