UNPKG

retilt

Version:

``` ______ __ __ ______ /\__ _\ /\ \ /\ \ /\__ _\ \/_/\ \/ \ \ \ \ \ \____ \/_/\ \/ \ \_\ \ \_\ \ \_____\ \ \_\ \/_/ \/_/ \/_____/ \/_/ ```

github.com/f-hmns/Tilt

f-hmns/Tilt

56 lines (40 loc) • 923 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
``` ______ __ __ ______ /\__ _\ /\ \ /\ \ /\__ _\ \/_/\ \/ \ \ \ \ \ \____ \/_/\ \/ \ \_\ \ \_\ \ \_____\ \ \_\ \/_/ \/_/ \/_____/ \/_/ ``` :arrow_upper_right: :arrow_lower_right: :arrow_lower_left: :arrow_upper_left: Tilt effect in your components [Demos and Docs](http://forhumans.design/oss/tilt/) # Getting started First, install the module ``` yarn add retilt ``` Then import ``` import Tilt from 'retilt' ``` # Usage ``` <Tilt> <div className="colored-box">My awesome Component<div> </Tilt> ``` Or passing 'perspective' prop ``` <Tilt perspective={100}> <div className="colored-box">My awesome Component<div> </Tilt> <Tilt perspective={300}> <div className="colored-box">My awesome Component<div> </Tilt> <Tilt perspective={1000}> <div className="colored-box">My awesome Component<div> </Tilt> ``` Made with a lot of ❤️ ### License Do whatever you want