Skip to main content

Jak mogę utworzyć efekty unoszące CSS?

Efekty zawisające w CSS są dość proste do stworzenia, a podstawowe efekty najemnika można szybko i łatwo wdrożyć i modyfikować z wieloma innymi opcjami.Arkusze stylów kaskadowych (CSS) to język używany do tworzenia stylu i układu dokumentu utworzonego w języku znaczników i można go użyć do łatwego tworzenia efektów najemnika.Efekty najemnika to zmiany, które występują w przypadku tekstu, obrazów lub innych obiektów w dokumencie, gdy wskaźnik kontrolowany przez mysz jest zawisany nad obiektem.Efekty zawisające w CSS są zwykle tworzone w kodzie CSS i mogą być wdrażane szybko i skutecznie.

Jednym z najłatwiejszych rodzajów efektów zawisających CSS do utworzenia jest efekt, który powoduje zmianę linku na stronie internetowej, gdy jest on unoszący się.Na przykład ktoś może chcieć utworzyć link tekstowy, który wygląda jak tekst standardowy, lub ma inny kolor niż reszta strony, ale po „zamachowaniu” lub „unoszącym się” jest go podkreślony lub ośmielony.Efekt zawisowywania CSS za pomocą odpowiedniego znacznika dla obiektu, do którego dodaje się efekt.Na przykład wybrany tekst może być częścią listy lub wybrany na treści strony internetowej.Ten tekst powinien mieć określony znacznik powiązany z nim w kodowaniu ciała.Po tym znaczniku można utworzyć regułę w celu ustalenia efektu zawisowego CSS dla dowolnych obiektów z danym tagiem.

Za pomocą tekstu, na przykład, jeśli chcesz, aby link zostanie podkreślony, gdy użytkownik się nad nim unosi, to tymoże zacząć od oznaczenia tego linku w kodzie nadwozia i utworzenie specjalnej reguły dla tego znacznika.W ramach tej reguły możesz wskazać, jaki kolor powinien być tekst, łatwo wyróżniać go na tle otaczającego tekstu i wizualnie wskazując, że użytkownik może chcieć na nim unosić się, co spowodowałoby efekt zawisu CSS.Efekt ten jest dodawany przez utworzenie „pseudoklasy zawisowej” do znacznika dla wiersza tekstu.

Jeśli na przykład znacznik tekstu był „A”, użyłbyś pseudoklasy, która wyglądała jak „Odp.: Watch {…} ”z pożądanym efektem zawisu CSS wskazanym w nawiasach.Korzystając z poprzedniego przykładu, jeśli pożądanym efektem było podkreślenie tekstu, gdy zostanie on unoszący się, czytałby „Dekorację tekstu: podkreślenie;”w wspornikach.Istnieje wiele różnych efektów zawisowych, które można utworzyć dla różnych obiektów, a każdy ma określone polecenie do stworzenia efektu, ale proces ten jest podobny w większości przypadków.