Motyl

Wyjście

Przejdź do następnej sekcji, aby dowiedzieć się o odwróceniu obrazu tła.

Jak odwracać obrazy tła za pomocą CSS?

Aby odwrócić obrazy tła za pomocą CSS, zastosuj „przekształcać„Nieruchomość z„Scalex" I "Skala„Przekształć po uzyskaniu dostępu do dodanego obrazu.

Aby to zrobić, postępuj zgodnie z wymienioną procedurą.

Krok 1: Główny kontener Div Style
Uzyskaj dostęp do głównego kontenera Div za pomocą „ID„Selektor wzdłuż nazwy identyfikatora jako„#Main-Flip”:

Zgodnie z powyższym fragmentem kodu do kontenera zastosowano następujące właściwości CSS:

• "kolor tła„Właściwość jest wykorzystywana do ustawiania obrazu na tylnej części zdefiniowanego elementu.
• "szerokość”Właściwość określa wielkość szerokości elementu.
• "wysokość”Służy do ustawiania wysokości elementu.
• "margines„Własność przydziela przestrzeń po zewnętrznej stronie zdefiniowanej granicy.

Krok 2: Zastosuj styl CSS na wewnętrznym pojemniku
Uzyskaj dostęp do wewnętrznego kontenera za pomocą nazwy klasy „.Wewnętrzna flip”:

Następnie zastosuj następujące właściwości CSS:

• "pozycja”Właściwość określa rodzaj metody pozycjonowania zastosowanej dla elementu
• "tekst-align”Jest wykorzystywany do ustawiania wyrównania tekstu.
• "przemiana„Właściwości pozwalają na zmianę wartości w określonej animacji i czasie trwania.
• "Transform w stylu”Jest wykorzystywany do określania elementów renderowanych w przestrzeni 3D, które są zagnieżdżone.

Krok 3: Zastosuj właściwość „Transform”
Uzyskaj dostęp do głównego elementu DIV z nazwą identyfikatora wzdłuż „:unosić się„Selektor i wewnętrzny div za pomocą nazwy klasy jako„.Wewnętrzna flip”:

Następnie:

• Aplikować "przekształcać„Właściwość do ustawiania transformacji i ustala wartość tej właściwości jako„Rotatey (180Deg)"
• "Rotatey ()”Funkcja służy do obracania obrazu w osi y przy 180 stopni.

Krok 4: Ustaw „Visibity Backface”
Uzyskaj dostęp do obu kontenerów Div z ich nazwą jako „#Salto w przód" I ".Flip„Aby ustawić widoczność:

Aby to zrobić, zastosuj wspomniane właściwości:

• "Wspomagalność Backface”Określa, czy tylna powierzchnia elementu powinna być widoczna podczas stawienia czoła użytkownikowi.
• "kolor”Określa kolor dodanego tekstu.
• "kolor tła”Ustawia kolor z tyłu zdefiniowanego elementu.

Wyjście

Chodzi o przewrócenie obrazu tła za pomocą CSS.

Wniosek

Aby odwrócić obraz tła za pomocą CSS, najpierw dodaj obraz za pomocą „" element. Następnie zastosuj właściwości CSS „przemiana”I ustaw wartość. Następnie zastosuj „przekształcać„Właściwość do ustawiania transformacji i ustawiania wartości tej właściwości jako„Rotatey (180Deg)”, Który obraca obraz zgodnie z podaną wartością. Ten post polega na odwróceniu obrazu tła za pomocą CSS.