Pricing table animated

Foundation pricing tables with scale animation on hover. From tutorial – http://designify.me/tutorials/how-to-create-simple-animated-pricing-tables/

You should add class pricing-table-animated to ‘Custom class’ field.

pricing-table-animated-example

 

  • Starter
  • $59.90
  • An awesome description
  • 3 websites
  • 10 bdd access
  • 2 users
  • Choose Plan
  • Premium
  • $259.90
  • An awesome description
  • 50 websites
  • 80 bdd access
  • 25 users
  • Choose Plan

price-table-animated
LSQBrow] LSQBcolumns class="medium-4"] LSQBpricing_table title="Starter" price="$59.90" description="An awesome description" item_name_1="3 websites" item_name_2="10 bdd access" item_name_3="2 users" button_text="Choose Plan" url="#" target="_self" recommended="no" custom_class="pricing-table-animated"] LSQB/columns]LSQBcolumns class="medium-4"] LSQBpricing_table title="Team" price="$129.90" description="An awesome description" item_name_1="10 websites" item_name_2="25 bdd access" item_name_3="5 users" button_text="Choose Plan" url="#" target="_self" recommended="yes" custom_class="pricing-table-animated"] LSQB/columns]LSQBcolumns class="medium-4"] LSQBpricing_table title="Premium" price="$259.90" description="An awesome description" item_name_1="50 websites" item_name_2="80 bdd access" item_name_3="25 users" button_text="Choose Plan" url="#" target="_self" recommended="no" custom_class="pricing-table-animated"] LSQB/columns] LSQB/row]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>