Link Effects

  • Home
  • UI Elements
  • Link Effects
Brackets

Enclose your link inside the class .cl-effect-1

3D rolling links

Enclose your link inside the class .cl-effect-2

Bottom line slides/fades in

Enclose your link inside the class .cl-effect-3

Bottom border enlarge

Enclose your link inside the class .cl-effect-4

Same word slide in

Enclose your link inside the class .cl-effect-5

Same word slide in and border bottom

Enclose your link inside the class .cl-effect-6

Second border slides up

Enclose your link inside the class .cl-effect-7

Border slight translate

Enclose your link inside the class .cl-effect-8

Second text and borders

Enclose your link inside the class .cl-effect-9

Reveal, push out

Enclose your link inside the class .cl-effect-10

Text fill

Enclose your link inside the class .cl-effect-11

Circle

Enclose your link inside the class .cl-effect-12

Three circles

Enclose your link inside the class .cl-effect-13

Border switch

Enclose your link inside the class .cl-effect-14

Scale down, reveal

Enclose your link inside the class .cl-effect-15

Fall down

Enclose your link inside the class .cl-effect-16

Move up fade out, push border

Enclose your link inside the class .cl-effect-17

Cross

Enclose your link inside the class .cl-effect-18

3D side

Enclose your link inside the class .cl-effect-19

3D side

Enclose your link inside the class .cl-effect-20