JM-CSS3 Effects Plugin







Animations

Rotate

Shortcode : {jm effect="rotate" title=".." url=".."}IMAGE PATH{/jm}

Rotate 360 degree

Shortcode : {jm effect="rotate360" title=".." url=".."}IMAGE PATH{/jm}

Reflaction

Shortcode : {jm effect="reflact" title=".." url=".."}IMAGE PATH{/jm}

Glow

Shortcode : {jm effect="glow" title=".." url=".."}IMAGE PATH{/jm}

Scale Small

Shortcode : {jm effect="small" title=".." url=".."}IMAGE PATH{/jm}

Scale Large

Shortcode : {jm effect="large" title=".." url=".."}IMAGE PATH{/jm}

Transit Up

Shortcode : {jm effect="up" title=".." url=".."}IMAGE PATH{/jm}

Transit Down

Shortcode : {jm effect="down" title=".." url=".."}IMAGE PATH{/jm}

Transit Left

Shortcode : {jm effect="left" title=".." url=".."}IMAGE PATH{/jm}

Transite Right

Shortcode : {jm effect="right" title=".." url=".."}IMAGE PATH{/jm}

Skew Left

Shortcode : {jm effect="skew-left" title=".." url=".."}IMAGE PATH{/jm}

Skew Right

Shortcode : {jm effect="skew-right" title=".." url=".."}IMAGE PATH{/jm}

Flip X

Shortcode : {jm effect="flipX" title=".." url=".."}IMAGE PATH{/jm}

Flip Y

Shortcode : {jm effect="flipY" title=".." url=".."}IMAGE PATH{/jm}

Rotate and Scale Small

Shortcode : {jm effect="rotateS" title=".." url=".."}IMAGE PATH{/jm}

Rotate and Scale Large

Shortcode : {jm effect="rotateL" title=".." url=".."}IMAGE PATH{/jm}



Filters

Grayscale Filter

Shortcode : {jm filter="grayscale" title=".." url=".."}IMAGE PATH{/jm}

Blur Filter

Shortcode : {jm filter="blur" title=".." url=".."}IMAGE PATH{/jm}

Sepia Filter

Shortcode : {jm filter="sepia" title=".." url=".."}IMAGE PATH{/jm}

Invert Filter

Shortcode : {jm filter="invert" title=".." url=".."}IMAGE PATH{/jm}



Filters with Animation

Grayscale Filter with Large

Shortcode : {jm effect="large" filter="grayscale" title=".." url=".."}IMAGE PATH{/jm}

Sepia Filter with Rotate & large

Shortcode : {jm effect="rotateL" filter="sepia" title=".." url=".."}IMAGE PATH{/jm}

Invert Filter with Up

Shortcode : {jm effect="up" filter="invert" title=".." url=".."}IMAGE PATH{/jm}

Animation does not working with blur Filter



Borders

Border Style-1

Shortcode : {jm border="border1" title=".." url=".."}IMAGE PATH{/jm}

Border Style-2

Shortcode : {jm border="border2" title=".." url=".."}IMAGE PATH{/jm}

Border Style-3

Shortcode : {jm border="border3" title=".." url=".."}IMAGE PATH{/jm}

Border Style-4

Shortcode : {jm border="border4" title=".." url=".."}IMAGE PATH{/jm}

Border Style-5

Shortcode : {jm border="border5" title=".." url=".."}IMAGE PATH{/jm}

Border Style-6

Shortcode : {jm border="border6" title=".." url=".."}IMAGE PATH{/jm}

Borders can be use with all Animations, Filters, Shapes and other attributes like shadow, height, width, opacity, etc.



Shapes

Shapes Style-1

Shortcode : {jm shape="shape1" title=".." url=".."}IMAGE PATH{/jm}

Shapes Style-2

Shortcode : {jm shape="shape2" title=".." url=".."}IMAGE PATH{/jm}

Shapes Style-3

Shortcode : {jm shape="shape3" title=".." url=".."}IMAGE PATH{/jm}

Shapes Style-4

Shortcode : {jm shape="shape4" title=".." url=".."}IMAGE PATH{/jm}

Shapes Style-5

Shortcode : {jm shape="shape5" title=".." url=".."}IMAGE PATH{/jm}

Shapes Style-6

Shortcode : {jm shape="shape6" title=".." url=".."}IMAGE PATH{/jm}

Shapes can be use with all Animations, Filters, Borders and other attributes like shadow, height, width, opacity, etc.



Height & Width

Height

Shortcode : {jm height="50" width="100" title=".." url=".."}IMAGE PATH{/jm}

Width

Shortcode : {jm width="50" height="100" title=".." url=".."}IMAGE PATH{/jm}



Opacity

Opacity 0.4

Shortcode : {jm opacity="0.4" title=".." url=".."}IMAGE PATH{/jm}

Opacity 0.8

Shortcode : {jm opacity="0.8" title=".." url=".."}IMAGE PATH{/jm}

Opacity can be use with all Animations, Filters, Borders, Shapes and other attributes like shadow, height, width, etc.



Shadow

Shadow

Shortcode : {jm shadow="1" title=".." url=".."}IMAGE PATH{/jm}

Shadow can be use with all Animations, Filters, Borders, Shapes and other attributes like height, width, opacity, etc.



Tint effects

Tint Color Name

Shortcode : {jm tint="maroon" title=".." url=".."}IMAGE PATH{/jm}

All html color names supported. See all color names

Tint Color Code

Shortcode : {jm tint="9ACD32" or tint="#9ACD32" title=".."}IMAGE PATH{/jm}

Tint Style-1 (Rainbow Tint)

Shortcode : {jm tint="style1" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-2 (Rainbow Tint Reverse)

Shortcode : {jm tint="style2" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-3 (Striped Right Diagonal Tint)

Shortcode : {jm tint="style3" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-4 (Striped Horizontal Diagonal Tint)

Shortcode : {jm tint="style4" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-5 (Striped Left Diagonal Tint)

Shortcode : {jm tint="style5" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-6 (Striped Vertical Diagonal Tint)

Shortcode : {jm tint="style6" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-7 (Checked Tint)

Shortcode : {jm tint="style7" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-8 (Particles Animation Tint)

Shortcode : {jm tint="style8" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-9 (Circles1 Animation Tint)

Shortcode : {jm tint="style9" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-10 (Circles2 Animation Tint)

Shortcode : {jm tint="style10" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-11 (Circles3 Animation Tint)

Shortcode : {jm tint="style11" title=".." url=".."}IMAGE PATH{/jm}

Tint Style-12 (Flash Light Animation Tint)

Shortcode : {jm tint="style12" title=".." url=".."}IMAGE PATH{/jm}

Tint does not support effects, filters, shapes, opacity attributes.

Tint support height, width, border, shadow attributes.



Mask effects

Mask effect style-1

Shortcode : {jm mask="style1" title=".." url=".."}IMAGE PATH{/jm}

Mask effect style-2

Shortcode : {jm mask="style2" title=".." url=".."}IMAGE PATH{/jm}

Mask effect style-3

Shortcode : {jm mask="style3" title=".." url=".."}IMAGE PATH{/jm}

Mask effect style-4

Shortcode : {jm mask="style4" title=".." url=".."}IMAGE PATH{/jm}

Mask effect style-5

Shortcode : {jm mask="style5" title=".." url=".."}IMAGE PATH{/jm}

Mask effect style-6

Shortcode : {jm mask="style6" title=".." url=".."}IMAGE PATH{/jm}

Mask does not support effects, filters, shapes, opacity, border, shadow attributes.

Mask only supports height, width attributes. If height or width is not specified, then default width and height of 300px x 200px.