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

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
"Safeguard .." Theme (Global)
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

TEXT INDENT: inherit

(px vh % em)

WORD WRAP: inherit

normal
break-word
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 Gradient Patterns
Orientation

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 TYPE: none

all
top
right
bottom
left

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

BORDER TOP WIDTH:

(px vh % em)

BORDER TOP COLOR: transparent

Flat Material Nice Picker

BORDER RIGHT STYLE: none

solid
dotted
dashed
hidden

BORDER RIGHT WIDTH:

(px vh % em)

BORDER RIGHT COLOR: transparent

Flat Material Nice Picker

BORDER BOTTOM STYLE: none

solid
dotted
dashed
hidden

BORDER BOTTOM WIDTH:

(px vh % em)

BORDER BOTTOM COLOR: transparent

Flat Material Nice Picker

BORDER LEFT STYLE: none

solid
dotted
dashed
hidden

BORDER LEFT WIDTH:

(px vh % em)

BORDER LEFT 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 Pro

Size properties is not available in lite version. Go Pro!

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 is not available in lite version. Go Pro!

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
Lists

LIST STYLE TYPE: none

LIST STYLE IMAGE: none Upload

LIST STYLE POSITION: inherit

none
inside
outside
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

Filters

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)

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

CURSOR: auto

FLOAT: none

left
right

CLEAR: none

left
right
both

VISIBILITY: inherit

visible
hidden

POINTER EVENTS: inherit

auto
none

OVERFLOW X: visible

hidden
scroll
auto

OVERFLOW Y: visible

hidden
scroll
auto
Documentation / V 6.1.4

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

You are customizing
"Safeguard .." Theme (Global)

Text

Background

Margin

Padding

Border

Border Radius

Position

Size Pro

Animation Pro Recording

Lists

Box Shadow

Extra

Documentation / V 6.1.4

Color Scheme

Basic

Font Families

Animations

CSS Selector

General

Classes

Box Model

DOM Code

Dimensions

All Ids

All Classes

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

You are customizing "Safeguard .." Theme (Global)

Text

Background

Margin

Padding

Border

Border Radius

Position

Size Pro

Animation Pro Recording

Lists

Box Shadow

Extra

Documentation / V 6.1.4

Color Scheme

Basic

Font Families

Animations

CSS Selector

General

Classes

Box Model

DOM Code

Dimensions

All Ids

All Classes

Changes Not Saved. Upgrade To Pro!

You are customizing
"Safeguard .." Theme (Global)