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}