Nie działa scaleX w pseudo elemencie.

0

Dlaczego pseudo-element after nie jest jakby lustrzanym odbiciem swojego elementu? Dałam scaleX -1.

            .star{
                top:330px;
                width:0;
                height:0;
                border-bottom: 50px red solid;
                border-left: 70px transparent solid;
                border-right: 70px transparent solid;
                transform:rotate(35deg);
                position:relative;
                
            }

            .star::after{
                content:"";
                position:absolute;
                border-bottom: 50px purple solid;
                border-left: 70px transparent solid;
                border-right: 70px transparent solid;
                top:-40px;
              transform:scalex(-1);
        
            }
0

W zasadzie działa, jak sobie w nim wpiszesz jakiś content, to będzie zrewersowany.
Nie wiem, co dokładnie chcesz uzyskać, ale pokombinuj raczej z transform:rotate dla obiekut ::after.

1 użytkowników online, w tym zalogowanych: 0, gości: 1