Yellow Pencil

There is no animation on this page.Select an element to add animation.

00:00.00

? Customizing for px and below screen sizes.

Save

Style Editor

Click on any element that you want to customize!

Global Customize:

Customize One Page:

Customize Templates:

Press to H key for hiding plugin panel.

You are customizing
"Home" Page
Text

FONT FAMILY: inherit

FONT WEIGHT: inherit

COLOR: transparent

Flat Material Nice Picker

TEXT SHADOW: none

FONT SIZE: inherit

(px vh % em)

LINE HEIGHT: inherit

(px vh % em)

FONT STYLE: inherit

Normal
Italic

TEXT ALIGN: start

left
center
right
justify

TEXT TRANSFORM: none

upprcase
lowercase
capitalize

LETTER SPACING: inherit

(px vh % em)

WORD SPACING: inherit

(px vh % em)

TEXT DECORATION: none

overline
through
underline
Background

Background Parallax

EFFECT STATUS:

Enable
Disable

PARALLAX SPEED:

(px vh % em)

PARALLAX POSITION X:

(px vh % em)

BACKGROUND COLOR: transparent

Flat Material Nice Picker

BACKGROUND IMAGE: none
Upload Patterns

BG. BLEND MODE: normal

multiply
darken
luminosity

BG. POSITION: 0% 0%

BACKGROUND SIZE: auto auto

length
cover
contain

BACKGROUND REPEAT: repeat

repeat-x
repeat-y
no-repeat

BG. ATTACHMENT: scroll

fixed
local
Margin

MARGIN LEFT: auto

(px vh % em)

MARGIN RIGHT: auto

(px vh % em)

MARGIN TOP: auto

(px vh % em)

MARGIN BOTTOM: auto

(px vh % em)
Padding

PADDING LEFT:

(px vh % em)

PADDING RIGHT:

(px vh % em)

PADDING TOP:

(px vh % em)

PADDING BOTTOM:

(px vh % em)
Border

BORDER STYLE: none

solid
dotted
dashed
hidden

BORDER WIDTH:

(px vh % em)

BORDER COLOR: transparent

Flat Material Nice Picker

Border Top

STYLE: none

solid
dotted
dashed
hidden

WIDTH:

(px vh % em)

COLOR: transparent

Flat Material Nice Picker

Border Right

STYLE: none

solid
dotted
dashed
hidden

WIDTH:

(px vh % em)

COLOR: transparent

Flat Material Nice Picker

Border Bottom

STYLE: none

solid
dotted
dashed
hidden

WIDTH:

(px vh % em)

COLOR: transparent

Flat Material Nice Picker

Border Left

STYLE: none

solid
dotted
dashed
hidden

WIDTH:

(px vh % em)

COLOR: transparent

Flat Material Nice Picker
Border Radius

TOP LEFT RADIUS:

(px vh % em)

TOP RIGHT RADIUS:

(px vh % em)

BOTTOM RIGHT RADIUS:

(px vh % em)

BOTTOM LEFT RADIUS:

(px vh % em)
Position

Z INDEX: auto

(px vh % em)

POSITION:

static
relative
absolute
fixed

TOP: auto

(px vh % em)

LEFT: auto

(px vh % em)

BOTTOM: auto

(px vh % em)

RIGHT: auto

(px vh % em)
Size

WIDTH: auto

(px vh % em)

HEIGHT: auto

(px vh % em)

BOX SIZING: content-box

border-box
content-box

MIN WIDTH: initial

(px vh % em)

MIN HEIGHT: initial

(px vh % em)

MAX WIDTH: auto

(px vh % em)

MAX HEIGHT: auto

(px vh % em)
Animation Pro Recording

Animation property not available for lite version. Upgrade?

Create Animation Play Create

ANIMATION: Animator none

ANIMATION PLAY: yp_onscreen

ANIMATION ITERATION: 1

SET ANIMATION NAME: none

ANIMATION DURATION:

(px vh % em)

ANIMATION DELAY:

(px vh % em)

ANIMATION FILL MODE: none

forwards
backwards
both
Filters Pro

Filter property not available for lite version. Upgrade?

BLUR:

(px vh % em)

BRIGHTNESS:

(px vh % em)

GRAYSCALE:

(px vh % em)

CONTRAST:

(px vh % em)

HUE ROTATE:

(px vh % em)

SATURATE:

(px vh % em)

SEPIA:

(px vh % em)
Box Shadow

Set transparent color for hide box shadow property.

COLOR: transparent

Flat Material Nice Picker

BLUR RADIUS:

(px vh % em)

SPREAD:

(px vh % em)

INSET:

no
inset

HORIZONTAL LENGTH:

(px vh % em)

VERTICAL LENGTH:

(px vh % em)
Extra

Transform

SCALE:

(px vh % em)

ROTATE:

(px vh % em)

ROTATE X:

(px vh % em)

ROTATE Y:

(px vh % em)

ROTATE Z:

(px vh % em)

TRANSLATE X:

(px vh % em)

TRANSLATE Y:

(px vh % em)

SKEW X:

(px vh % em)

SKEW Y:

(px vh % em)

PERSPECTIVE:

(px vh % em)

OPACITY: auto

(px vh % em)

DISPLAY: inline

FLOAT: none

left
right

CLEAR: none

left
right
both

VISIBILITY: inherit

visible
hidden

OVERFLOW X: visible

hidden
scroll
auto

OVERFLOW Y: visible

hidden
scroll
auto
Documentation / V 6.0.0

There is no animation on this page.Select an element to add animation.

You are customizing
"Home" Page

Text

Background

Margin

Padding

Border

Border Radius

Position

Size

Animation Pro Recording

Filters Pro

Box Shadow

Extra

Documentation / V 6.0.0

Color Scheme

Basic

Font Families

Animations

CSS Selector

General

Classes

DOM Code

Dimensions

All Ids

All Classes

There is no animation on this page.Select an element to add animation.

You are customizing "Home" Page

Text

Background

Margin

Padding

Border

Border Radius

Position

Size

Animation Pro Recording

Filters Pro

Box Shadow

Extra

Documentation / V 6.0.0

Color Scheme

Basic

Font Families

Animations

CSS Selector

General

Classes

DOM Code

Dimensions

All Ids

All Classes

Changes not saved. Upgrade Pro!

You are customizing
"Home" Page