How to append CSS transform

Question

I am unsure if this is possible but I hope so.

I have an element with a translation transform, which I have no control over (it is set by an NPM package that I am using). I would like to set a scale transform on that element and be able to retain whatever transform the element already has, like a concatenation.

Imagine that this is similar to what I want to achieve:

transform: +scale(1.01);

Is this doable, and if so, how?

Libra · Accepted Answer · 2021-04-23 04:56:29Z

1

As far as I know that isn't really possible, so you have two options.

You can find the definition in the package for that transformation, copy it to your CSS, then add your desired changes to it.

or

You can place the element inside a parent element that has your desired transformation on it, that way both work.

answered Apr 23, 2021 at 4:56

Libra

2,6051 gold badge11 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Christoffer Over a year ago

I had to resort to a parent element. Though it did not look like I wanted, it will have to do.

Libra Over a year ago

@Christoffer if you want to make a more specific question with your specific case in it I might be able to help, sorry if this wasn't what you were looking for

Rohit Khandelwal · Accepted Answer · 2021-04-23 05:17:21Z

0

Look how CSS works in any HTML page is like you can import as many stylesheets but the stylesheet imported in the last can take all the priority. So, you can obviously override the CSS of that package component by knowing the class/id or if you can catch that particular element by any selector combination.

Also, if your CSS is imported earlier than that component's CSS, you can put !important on your CSS property. So, no other property value can override your CSS value.

You get my point! Don't mind if it sounds more blahblah.

answered Apr 23, 2021 at 5:17

Rohit Khandelwal

6323 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to append CSS transform

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related