CSS SHAPE

GEN. PRO

Code

Download

Layers

Generators

Inset:

Primitives

Sym

EDITING HOVER STATE

x: 0% y: 0% Arrow: Nudge Shift+Arrow: 10%

Selected Point #1

X

Y

Point Type

Radius 0%

Snap Grid

Rotation 0°

Shape Scale 100%

Background

Color

Image

Image Position

Pan X

Pan Y

Zoom

Rotate

Blur

Border (Wrapper)

Width5px

Drop Shadow

Inner Shadow

SVG Filter

Intensity

Mix Blend Mode

Opacity

Hover Transition

Morph between base shape and hover state.

Duration

Minify Vars @supports

Export as mask-image (Advanced)