components / pfp
pfp.
profile-picture tile: an image framed in a bordered square that tilts in 3d on hover with a thick white cartoon glint sweeping diagonally across it. frame the subject with x/y/scale; size it via className.
installation
bunx @justin06lee/chrome@latest add pfpprops
| name | type | default | description |
|---|---|---|---|
| src * | string | - | |
| alt | string | '' | |
| x | number | 0 | horizontal framing offset, % of tile. |
| y | number | 0 | vertical framing offset, % of tile. |
| scale | number | 1 | zoom of the image inside the tile. |
| rotate | number | 14 | tilt angle on hover, in degrees. |