Efekt obróconych liter z CSS3 i jQuery – Arctext.js

jQuery
189 wizyt
25 stycznia 2012, 07:00
2 Komentarzy

Tagi:
arctext

Zapewne wielu z Was widząc różnego rodzaju dema ciekawych efektów CSS3, chciało przygotować własne logo, czy bardziej urozmaicony baner. Zapewne wielu z Was chciało pobawić się literkami i zrobić z nich jakieś obramowanie, czy też wygiąć napis w łuk. Wasze prośby zostały wysłuchane i z pomocą biegnie Arctext.js

Efekty, które możemy uzyskać dzięki Arctext.js opierają sie na CSS3 otraz na jQuery (jest to wtyczka do tej biblioteki JavaScript). Jak można zobaczyć w demonstracji, daje spore pole do pipisu – okrągłe tekstowe obramowania, tekst wygięty w łuk, czy pofalowane frazy to zapewne tylko niektóre mozliwe do uzyskania efekty.

Demo Pobierz

Za sprawą jQuery możemy także dodać do tego efekty świetną płynną animację, która powali każdego odwiedzającego nasza witrynę. Szczerze polecam – przetestujcie i Wy :)

Konrad (ConFue) Przydział

Konrad "ConFue" Przydział. Student informatyki. Pasjonat technologii internetowych oraz webmaster. Prowadzi swój autorski blog www.musicvoice.pl, na którym oddaje się swojemu hobby, czyli muzyce. Gitarzysta, a w wolnych chwilach tancerz salsy.



  • http://www.facebook.com/grzybecki Paweł Grzybek

    Niestety na samej stronie prezentacji ten efekt nie wygląda dobrze (Chrome / Mac Os x). Litery nie dopasowują się do koła. Lekki fakapik :) 

    • http://www.lubik.info/ Konrad Przydział

      No niestety nie mam fizycznej mozliwości przetestowania tego efektu na Mac Os X, gdyż nie mam żadnego komputera od Apple.
      Mogę zapewnić, że Opera, Chrome i Firefox na Windows 7 (oczywiście nowsze wersje) radzą sobie z nim w zasadzie bez zarzutu.