CODEWITHSUNDEEP
htmlcsscss-transitions
Ayman
Ayman

Reputation: 872

Right-to-left Styling Shape

I am facing the below issue that when I am changing text direction from ltr to rtl

The triangle shape will be lost

How can I create this shape in rtl direction

Shape before changing the direction [1]:https://jsfiddle.net/0a1b5jud/

Shape after changing the direction to rtl [2]:https://jsfiddle.net/x432drps/

Upvotes: 0

Views: 36

Answers (1)

001
001

Reputation: 2059

Just add:

.pricing-table-3 .pricing-table-header {
     right: 0;
     transform: scaleX(-1);
}

h4, 
.pricing-table-3 .pricing-table-header p {
     transform: scaleX(-1);
}

Check jsfiddle.
More about scaleX() HERE

Upvotes: 1

Related Questions