This demo page contains several profile cards which are animated when hovering them. The animation is done using some simple CSS. Although there are four different kind or animations (Push, Slide, 3D Flip and Explode), they all share the same kind of HTML structure.
The pictures used are created by Belovodchenko Anton, but their profile data is fake. -prefix-free has been used to remove the vendor prefixes in CSS.
Push
-
- Sophia
- sophia@mail.net
- 004 - 41 290 428
-
- Isabella
- isabella@mail.net
- 012 - 93 216 322
-
- Emma
- emma@mail.net
- 029 - 93 302 148
-
- Olivia
- olivia@mail.net
- 037 - 86 653 305
Slide
-
- Ava
- ava@mail.net
- 046 - 86 325 938
-
- Emily
- emily@mail.net
- 051 - 09 423 442
-
- Abigail
- abigail@mail.net
- 062 - 01 241 498
-
- Madison
- madison@mail.net
- 071 - 32 098 242
3D flip
-
- Mia
- mia@mail.net
- 083 - 12 872 002
-
- Chloe
- chloe@mail.net
- 091 - 76 235 098
-
- Elizabeth
- elizabeth@mail.net
- 102 - 54 910 231
-
- Ella
- ella@mail.net
- 110 - 32 443 228
