Buttons

[aerious_headline line_type= »dotted » headline= »Buttons with Default Colors »][aerious_button animation= »pulse » text= »Button » link= »# » margin= »0 10px 10px 0″ animation_iteration= »infinite »][aerious_button style= »aerious-btn-white » animation= »flash » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-success » animation= »pulse » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-info » animation= »shake » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-warning » animation= »swing » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-danger » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-black » animation= »tada » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-inverse » animation= »tada » text= »Button » link= »# » margin= »0 10px 10px 0″][aerious_button style= »aerious-btn-gray » animation= »tada » text= »Button » link= »# » margin= »0 10px 10px 0″]

[aerious_headline line_type= »dotted » headline= »Buttons With Custom Colors »][aerious_button style= »aerious-btn-black » border_style= »none » hover_border_style= »none » animation= »wobble » text= »Button » link= »# » margin= »0 10px 10px 0″ bg_color= »#2bc49b »][aerious_button style= »aerious-btn-black » border_style= »none » hover_border_style= »none » animation= »bounceIn » text= »Button » link= »# » margin= »0 10px 10px 0″ bg_color= »#34db60″][aerious_button style= »aerious-btn-black » border_style= »none » hover_border_style= »none » animation= »bounceInDown » text= »Button » link= »# » margin= »0 10px 10px 0″ bg_color= »#ee67a4″][aerious_button style= »aerious-btn-black » border_style= »none » hover_border_style= »none » animation= »bounceInLeft » text= »Button » link= »# » margin= »0 10px 10px 0″ bg_color= »#ab79bd »][aerious_button style= »aerious-btn-black » border_style= »none » hover_border_style= »none » animation= »bounceInRight » text= »Button » link= »# » margin= »0 10px 10px 0″ bg_color= »#efe970″]

[aerious_headline line_type= »dotted » headline= »Buttons With Different Sizes: »][aerious_button animation= »fadeInDown » text= »Default » margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-xs » animation= »fadeInDownBig » text= »Mini » margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-sm » animation= »fadeInLeft » text= »Small » margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-md » animation= »fadeInLeftBig » text= »Medium » margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-lg » animation= »fadeInRight » text= »Large » margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-xlg » animation= »fadeInRightBig » text= »Extra Large » margin= »0 10px 10px 0″][aerious_button full_width= »aerious-btn-block » animation= »fadeInUp » text= »Default with Full Width » margin= »0 10px 10px 0″]

[aerious_headline line_type= »dotted » headline= »Buttons With Different Shapes: »][aerious_button animation= »fadeInUpBig » text= »Default – Corners Round » margin= »0 10px 10px 0″][aerious_button shape= »round » animation= »flip » text= »Full Round like Pill » margin= »0 10px 10px 0″][aerious_button shape= »round_right » animation= »flipInX » text= »Right side Round » margin= »0 10px 10px 0″][aerious_button shape= »round_left » animation= »flipInY » text= »Left side Round » margin= »0 10px 10px 0″][aerious_button shape= »square » animation= »rotateIn » text= »Sharp Corners » margin= »0 10px 10px 0″]

[aerious_headline line_type= »dotted » headline= »Buttons With Icons: »][aerious_button icon_pack= »fontawesome » animation= »rotateInDownLeft » text= »Text with left Icon » icon_fa= »fa fa-arrow-circle-o-down » margin= »0 10px 10px 0″][aerious_button icon_pack= »eleganticons » icon_position= »right » animation= »rotateInDownRight » text= »Text with right Icon » icon_ei= »icon_download » margin= »0 10px 10px 0″]

[aerious_headline line_type= »dotted » headline= »Buttons with Image Icons: »][aerious_button size= »aerious-btn-sm » icon_pack= »fontawesome » animation= »rotateInUpLeft » text= »Text with Image icon » icon_fa= »fa fa-arrow-circle-o-down » custom_icon= »382″ margin= »0 10px 10px 0″][aerious_button size= »aerious-btn-sm » icon_pack= »eleganticons » icon_position= »right » animation= »rotateInUpRight » text= »Text with Image Icon » icon_ei= »icon_download » custom_icon= »383″ margin= »0 10px 10px 0″]