Sticker effect met transition en transform in CSS

28 Maart 2013, Luuk Barten
Sticker effect met HTML en CSS

Patrick Kunka laat zien hoe je met CSS het effect van een sticker die je ergens aftrekt kunt nabootsen. Door gebruik te maken van CSS3 eigenschappen "transform: rotate();" en "transition" worden meerdere eigenschappen tegelijkertijd geanimeerd bij een hover actie. Hierdoor lijkt het alsof de sticker lost laat. Zie de tabbladen HTML en CSS voor de benodigde code.

Werkt in nieuwste versies van Chrome, Firefox en Safari. Onduidelijk of het ook in andere browsers werkt.

Weblog

Onze mening over over maatwerk webdesign en webdevelopment.

Contact

Neem contact op met Elicit voor vragen, vrijblijvend advies of het aanvragen van een offerte.

Elicit
Stationsstraat 35
5281GA Boxtel

+31 (0)411-671519
info@elicit.nl