YellowPencil

Tag pageemptychanged
apply style just to the current page.
"Tag" templateemptychanged
apply style to all pages of the current post type.
Globalemptychanged
apply style to the entire website.
Customize another page

No element selected

Text

Font Familyhttps://sandbox.jnews.io/wp-content/plugins/waspthemes-yellow-pencil/library/json/google-fonts.json

Color

Weight[{"value":"300","label":"Light 300", "category":""},{"value":"400","label":"normal 400", "category":""},{"value":"500","label":"Semi-Bold 500", "category":""},{"value":"600","label":"Bold 600", "category":""},{"value":"700","label":"Extra-Bold 700", "category":""}]

Font Size

Line Height

Style
normal
italic

Transform
no
Aa
AA
aa

Decoration
A
A
A
A

Align

Text Shadow[{"value":"none","label":"none", "category":""},{"value":"rgba(0, 0, 0, 0.3) 0px 1px 1px","label":"Basic Shadow", "category":""},{"value":"rgb(255, 255, 255) 1px 1px 0px, rgb(170, 170, 170) 2px 2px 0px","label":"Shadow Multiple", "category":""},{"value":"rgb(255, 0, 0) -1px 0px 0px, rgb(0, 255, 255) 1px 0px 0px","label":"Anaglyph", "category":""},{"value":"rgb(255, 255, 255) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px","label":"Emboss", "category":""},{"value":"rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 6px, rgb(255, 119, 255) 0px 0px 8px, rgb(255, 0, 255) 0px 0px 12px, rgb(255, 0, 255) 0px 0px 16px, rgb(255, 0, 255) 0px 0px 20px, rgb(255, 0, 255) 0px 0px 24px","label":"Neon", "category":""},{"value":"rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px","label":"Outline", "category":""}]

Letter Spacing

Word Spacing

Text Indent

Word Wrap
normal
break-word
Background

Color

Image
Stock Image Gradient Pattern
Orientation
by uiGradients
by Unsplash

Size
custom
cover
contain
Width
Height

Blend Mode[{"value":"normal","label":"normal", "category":""},{"value":"multiply","label":"multiply", "category":""},{"value":"screen","label":"screen", "category":""},{"value":"overlay","label":"overlay", "category":""},{"value":"darken","label":"darken", "category":""},{"value":"lighten","label":"lighten", "category":""},{"value":"color-dodge","label":"color-dodge", "category":""},{"value":"saturation","label":"saturation", "category":""},{"value":"color","label":"color", "category":""},{"value":"luminosity","label":"luminosity", "category":""}]

Fixed
fixed
scroll

Horizontal Position

Vertical Position

Tile

Clip
text
border
padding
Margin

Margin Left

Margin Right

Margin Top

Margin Bottom
Padding

Padding Left

Padding Right

Padding Top

Padding Bottom
Border

Border Type
all
top
right
bottom
left

Color

Style

Width

Color

Style

Width

Color

Style

Width

Color

Style

Width

Color

Style

Width
Border Radius

Top Left Radius

Top Right Radius

Bottom Left Radius

Bottom Right Radius
Position

Z Index

Position
static
relative
absolute
fixed
sticky

Top

Left

Bottom

Right
Size

Width

Height

Box Sizing
border
content

Min Width

Max Width

Min Height

Max Height
Flexbox

Direction[{"value":"row","label":"row", "category":""},{"value":"row-reverse","label":"row-reverse", "category":""},{"value":"column","label":"column", "category":""},{"value":"column-reverse","label":"column-reverse", "category":""}]

Wrap
nowrap
wrap
wrap-reverse

Justify Content[{"value":"normal","label":"normal", "category":""},{"value":"flex-start","label":"flex-start", "category":""},{"value":"flex-end","label":"flex-end", "category":""},{"value":"center","label":"center", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Align Items[{"value":"normal","label":"normal", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"flex-start", "category":""},{"value":"flex-end","label":"flex-end", "category":""},{"value":"baseline","label":"baseline", "category":""}]

Align Content[{"value":"normal","label":"normal", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"flex-start", "category":""},{"value":"flex-end","label":"flex-end", "category":""},{"value":"space-between","label":"space-between", "category":""},{"value":"space-around","label":"space-around", "category":""}]

Align Self[{"value":"auto","label":"auto", "category":""},{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"flex-start","label":"flex-start", "category":""},{"value":"flex-end","label":"flex-end", "category":""},{"value":"baseline","label":"baseline", "category":""}]

Grow

Shrink

Basis
Grid

Grid Template Columns

Grid Template Rows

Justify Items[{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"start","label":"start", "category":""},{"value":"end","label":"end", "category":""}]

Align Items[{"value":"stretch","label":"stretch", "category":""},{"value":"center","label":"center", "category":""},{"value":"start","label":"start", "category":""},{"value":"end","label":"end", "category":""}]

Grid Column Gap

Grid Row Gap
Lists

List Style Type[{"value":"none","label":"none", "category":""},{"value":"disc","label":"disc", "category":""},{"value":"circle","label":"circle", "category":""},{"value":"decimal","label":"decimal", "category":""},{"value":"lower-alpha","label":"lower alpha", "category":""},{"value":"upper-alpha","label":"upper alpha", "category":""},{"value":"upper-roman","label":"upper roman", "category":""}]

List Style Image

List Style Position
inside
outside
Animation Rec

Create Animation
AnimationAnimator[{"value":"none","label":"none", "category":"basic"},{"value":"pulse","label":"pulse", "category":"basic"},{"value":"push","label":"push", "category":"basic"},{"value":"bob","label":"bob", "category":"basic"},{"value":"pop","label":"pop", "category":"basic"},{"value":"bounce","label":"bounce", "category":"common"},{"value":"flash","label":"flash", "category":"common"},{"value":"rubberBand","label":"rubberBand", "category":"common"},{"value":"shake","label":"shake", "category":"common"},{"value":"swing","label":"swing", "category":"common"},{"value":"tada","label":"tada", "category":"common"},{"value":"wobble","label":"wobble", "category":"common"},{"value":"wobble-horizontal","label":"wobble-horizontal", "category":"common"},{"value":"jello","label":"jello", "category":"common"},{"value":"heartBeat","label":"heartBeat", "category":"common"},{"value":"spin","label":"spin", "category":"common"},{"value":"bounceIn","label":"bounceIn", "category":"bounce"},{"value":"bounceInDown","label":"bounceInDown", "category":"bounce"},{"value":"bounceInLeft","label":"bounceInLeft", "category":"bounce"},{"value":"bounceInRight","label":"bounceInRight", "category":"bounce"},{"value":"bounceInUp","label":"bounceInUp", "category":"bounce"},{"value":"fadeIn","label":"fadeIn", "category":"fade"},{"value":"fadeInDown","label":"fadeInDown", "category":"fade"},{"value":"fadeInDownBig","label":"fadeInDownBig", "category":"fade"},{"value":"fadeInLeft","label":"fadeInLeft", "category":"fade"},{"value":"fadeInLeftBig","label":"fadeInLeftBig", "category":"fade"},{"value":"fadeInRight","label":"fadeInRight", "category":"fade"},{"value":"fadeInRightBig","label":"fadeInRightBig", "category":"fade"},{"value":"fadeInUp","label":"fadeInUp", "category":"fade"},{"value":"fadeInUpBig","label":"fadeInUpBig", "category":"fade"},{"value":"flip","label":"flip", "category":"flip"},{"value":"flipInX","label":"flipInX", "category":"flip"},{"value":"flipInY","label":"flipInY", "category":"flip"},{"value":"flipOutX","label":"flipOutX", "category":"flip"},{"value":"flipOutY","label":"flipOutY", "category":"flip"},{"value":"rotateIn","label":"rotateIn", "category":"rotate"},{"value":"rotateInDownLeft","label":"rotateInDownLeft", "category":"rotate"},{"value":"rotateInDownRight","label":"rotateInDownRight", "category":"rotate"},{"value":"rotateInUpLeft","label":"rotateInUpLeft", "category":"rotate"},{"value":"rotateInUpRight","label":"rotateInUpRight", "category":"rotate"},{"value":"slideInUp","label":"slideInUp", "category":"slide"},{"value":"slideInDown","label":"slideInDown", "category":"slide"},{"value":"slideInLeft","label":"slideInLeft", "category":"slide"},{"value":"slideInRight","label":"slideInRight", "category":"slide"},{"value":"zoomIn","label":"zoomIn", "category":"zoom"},{"value":"zoomInDown","label":"zoomInDown", "category":"zoom"},{"value":"zoomInLeft","label":"zoomInLeft", "category":"zoom"},{"value":"zoomInRight","label":"zoomInRight", "category":"zoom"},{"value":"zoomInUp","label":"zoomInUp", "category":"zoom"},{"value":"spaceInUp","label":"spaceInUp", "category":"space"},{"value":"spaceInRight","label":"spaceInRight", "category":"space"},{"value":"spaceInDown","label":"spaceInDown", "category":"space"},{"value":"spaceInLeft","label":"spaceInLeft", "category":"space"},{"value":"hinge","label":"hinge", "category":"others"},{"value":"jackInTheBox","label":"jackInTheBox", "category":"others"},{"value":"rollIn","label":"rollIn", "category":"others"},{"value":"lightSpeedIn","label":"lightSpeedIn", "category":"others"}]

Trigger[{"value":"yp_onscreen","label":"onScreen", "category":""},{"value":"yp_hover","label":"Hover", "category":""},{"value":"yp_click","label":"Click", "category":""},{"value":"yp_focus","label":"Focus", "category":""}]

Trigger Repeat[{"value":"1","label":"1", "category":""},{"value":"2","label":"2", "category":""},{"value":"3","label":"3", "category":""},{"value":"4","label":"4", "category":""},{"value":"5","label":"5", "category":""},{"value":"infinite","label":"infinite", "category":""}]

Duration

Delay

Easing[{"value":"ease","label":"ease", "category":""},{"value":"linear","label":"linear", "category":""},{"value":"ease-in","label":"ease-in", "category":""},{"value":"ease-out","label":"ease-out", "category":""},{"value":"ease-in-out","label":"ease-in-out", "category":""}]

Animation Fill Mode
none
forwards
backwards
both
Shadow

Position
outside
inside

Color

Blur Radius

Spread

Horizontal Length

Vertical Length
Extra

Transition

Typehttps://sandbox.jnews.io/wp-content/plugins/waspthemes-yellow-pencil/library/json/transition-properties.json

Duration

Easing[{"value":"ease","label":"ease", "category":""},{"value":"linear","label":"linear", "category":""},{"value":"ease-in","label":"ease-in", "category":""},{"value":"ease-out","label":"ease-out", "category":""},{"value":"ease-in-out","label":"ease-in-out", "category":""}]

Filters

Blur

Brightness

Grayscale

Contrast

Hue Rotate

Saturate

Sepia

Transforms

Scale

Rotate X

Rotate Y

Rotate Z

Translate X

Translate Y

Skew X

skew Y

Perspective

Opacity

Visibility

Display[{"value":"block","label":"block", "category":""},{"value":"flex","label":"flex", "category":""},{"value":"grid","label":"grid", "category":""},{"value":"inline","label":"inline", "category":""},{"value":"inline-block","label":"inline-block", "category":""},{"value":"inline-flex","label":"inline-flex", "category":""},{"value":"inline-grid","label":"inline-grid", "category":""},{"value":"table-cell","label":"table-cell", "category":""},{"value":"none","label":"none", "category":""}]

Cursor[{"value":"auto","label":"auto", "category":""},{"value":"alias","label":"alias", "category":""},{"value":"all-scroll","label":"All Scroll", "category":""},{"value":"copy","label":"Copy", "category":""},{"value":"crosshair","label":"CrossHair", "category":""},{"value":"grab","label":"Grab", "category":""},{"value":"grabbing","label":"Grabbing", "category":""},{"value":"help","label":"Help", "category":""},{"value":"not-allowed","label":"Not Allowed", "category":""},{"value":"pointer","label":"Pointer", "category":""},{"value":"progress","label":"Progress", "category":""},{"value":"text","label":"Text", "category":""},{"value":"wait","label":"Wait", "category":""},{"value":"zoom-in","label":"Zoom In", "category":""},{"value":"zoom-out","label":"Zoom Out", "category":""}]

Pointer Events
auto
none

Float
none
left
right

Clear
none
both

Direction

Overflow Horizontal
visible
hidden
scroll
auto

Overflow Vertical
visible
hidden
scroll
auto

Select any element on the page to start making changes.

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

Tag pageemptychanged

"Tag" templateemptychanged

Globalemptychanged

Customize another page

Text

Background

Margin

Padding

Border

Border Radius

Position

Size

Flexbox

Grid

Lists

Animation Rec

Shadow

Extra

Documentation / V 7.3.1

Color Scheme

Basic

Font Families

Page Assets

Animations

CSS Selector

General

Classes

Accessibility

Box Model

DOM Code

Dimensions

All Ids

All Classes

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

Tag pageemptychanged

"Tag" templateemptychanged

Globalemptychanged

Customize another page

Text

Background

Margin

Padding

Border

Border Radius

Position

Size

Flexbox

Grid

Lists

Animation Rec

Shadow

Extra

Documentation / V 7.3.1

Color Scheme

Basic

Font Families

Page Assets

Animations

CSS Selector

General

Classes

Accessibility

Box Model

DOM Code

Dimensions

All Ids

All Classes

Changes Are Not Saved. Upgrade To Pro!