top of page

Build Fully Responsive Website

Interactions & effects.

Make your mark with powerful, interactive designs.

Interactions & Effects

▼
Start Creating

Hover interactions

Create dynamic web experiences by adding a variety of interactions, including transforms, to any element on hover.

Image of the Editor X creation bar.
Image of a designed website with orange and white text elements over a black background.
Image of the Editor X inspector panel for a selected text element.

EXPLORE

Close up image of a woman wearing an eye mask with red beaded strings hanging over her face.

AND

Image of an abstract, marbled design in shades of brown.

EXPERIENCE

Image of a woman sitting on a white chair in a room with blue and white patterned walls.
Image of a designed website with orange and white text elements over a black background.

Tap to interact →

Image of an abstract, textured design in shades black, pink and green.
Image of an abstract, marbled design in shades of green and white.
Profile image of a man with pink hair and a smiley face dyed on the back of his head, with white text at the bottom.

Move

CLOSE

Work

About

Contact

Rotation / Text Styling

Image of transparent text over a black background.
Image of white outlined text over a black background.

DESIGN WEEK

2021 US

LIVE

AUGUST

 01— 07

GET READY ↓

Opacity

Image of a plastic bag with graphic elements placed on top and white text over a gradient background.

Timed sequence

21

ELECTRONIC RHYTHM

22

OCTOBER

FUNK DISCOVERY

23

OCTOBER

NU JAZZ

Opacity / Color Change / Move

SWEET HARMONY

08 // 10-11 // 2023

SWEET HARMONY

08 // 10-11 // 2023

SWEET HARMONY

08 // 10-11 // 2023

SWEET HARMONY

Move

Sticky position

Pin any element to the screen, so it stays visible during scroll—and set a specific point where the element unsticks and scrolls with the rest of the site. 

Image of a slightly transparent blank website over a background photo of a mountain and a purple gradient sky. The scroll section of the inspector panel appears on the right.
Image of a slightly transparent blank website over a background photo of a mountain and a purple gradient sky. The scroll section of the inspector panel appears on the right.
Image of a slightly transparent blank website over a background photo of a mountain and a purple gradient sky.
Image of textured sand.
Close up image of a purple shaded leaf.
Profile image of a women standing up with her eyes closed and head tilted upwards.
Typographic image of the word, horizon, in bright green.

Sticky position

Pin any element to the screen, so it stays visible during scroll—and set a specific point where the element unsticks and scrolls with the rest of the site. 

More interactions & effects:

Image of a graphically outlined website layout with the header selected.

Header scroll effects

Customize the behavior of fixed site headers with move, fade and color change effects.

Image of 6 blue icons aligned in individual white squares.

Animations

Animate any element on your page and customize the behavior, direction, duration and delay.

Image of graphic layout icons over a white background.

Overflow

Control how content appears when elements like images, text or buttons overflow the borders of a parent container. With overflow control, choose to hide content or enable it to scroll within the container.

 Design your best websites yet on Editor X.

Try for free

bottom of page