Super Flip Box

Super Flip Box gadget will direct you to add an eye-getting call to activities and furthermore it’s a cool method to show different sorts of site substance like administrations, items, and so forth on your site as it accompanies a 3-D impact. Add it to your page and make your guests drew in to your site subsequent to seeing this exquisite impact.

Super flip box sample #

content #

Display Options #

• Height – Put flip box height into box.
• Flip Type– It’s give you lots of opportunity to select types of flip from flip right, flip left, filp up, flip down, flip diagonal left, flip diagonal right, flip diagonal inverted left, flip diagonal inverted right.
• 3D Perspective View -If you want to get 3-D view then set it on.
• Transition Duration-Put Flip transition duration time inside here.

Front contents #

• Icon Type- You can choose any type of icon from None, image and icon.
• Image Size-Select image size from here.
• Title -Put your flip box title.
• Title Tag-It’s give you option to set directly different title heading tag/Size.
• Subtitle -Put subtitle here.
• Subtitle Tag-Choose subtitle tag from h1 to h6.
• Description -Put flip box description here.
• Icon/Image Alignment-Select left, center or right alignment for icon /image.
• Content Alignment-Set content alignment from left, center or right.
• Vertical Alignment-It’s allow you to set vertically align front flip box content to top, bottom, center, space between, space evenly and space around.

Back Contents #

Icon Type, Title, Title Tag, Sub Title, Sub Title Tag, Description,Content Alignment, Vertical Alignment are similar to Front Contents.

• Show Button-Set on for showing button.
• Button Text-Put button text here.
• Select an Icon-Choose button icon.
• Icon Position-Set icon position before or after button text.
• Icon Spacing-Choose spacing between button text and icon.
• Button Alignment-Set button alignment left, center or right.

style #

General style #

fRONT SIDE #

• Padding-Add padding from here.
• Background Type- Choose background type Classic or Gradient. If you choose gradient then these options will show as bellow-
• Color-Choose first color for gradient background.
• Location-The area where you want to set first color.
• Second Color-Choose second color.
• Location-Second color showing area.
• Type-Choose gradient type -Linear or Radial.
• Angle-Set angle as you need from 0 to 360 degree.
• Border Type- Choose a border type from Solid, Dashed, Double, Dotted, Groove.
• Border Radius– You can set the border radius of the Super flip box to control corner roundness.
• Box Shadow– Add a box shadow effect to super price list.
• Overlay-Choose overly for flip box.
• Background Type– Choose Classic or Gradient type background for overly.
• Opacity-Set opacity as you want to dim.

BACK SIDE– It’s similar as front side

Icon image style #

• Margin-Add margin for icon or image.
• Image Icon Size- Set icon/image size.
• Box Size-Set icon / image box size.
• Background Type– Choose background type Classic or Gradient.
• Border Type– Choose a border type from Solid, Dashed, Double, Dotted, Groove for icon.
• Border Radius– You can set the border radius of the icon to control corner roundness.
• Box Shadow– Add a box shadow effect to icon.

Title style #

• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for title.
• Margin-Add margin for title.
• Padding-Set padding to make it nice looking.
• Background Type- Choose background type Classic or Gradient.
• Advance Text Render-It’s for title text background setup.
• Border Type- Choose a border type from Solid, Dashed, Double, Dotted, Groove for icon.
• Border Radius- You can set the border radius of the title to control corner roundness.
• Box Shadow- Add a box shadow effect to title.
• Text Shadow-You can set text shadow for title form here.

sub title style- it’s similar to title style #

description style- it’s similar to Title style #

Button style #

• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for button.
• Margin-Add margin for button.
• Padding-Set padding to make it nice looking.
• Background Type- Choose background type Classic or Gradient.
• Advance Text Render-It’s for button text background setup.
• Icon color– Choose button icon color.
• Border Radius- You can set the border radius of the button to control corner roundness.
• Box Shadow- Add a box shadow effect to button.
• Text Shadow-You can set text shadow for button form here.

Content order #

• Icon/Image Order- You can set icon/ image order from here to keep it above content.
• Content Order- Choose content order form here.