M Y S I A

Buttons

Theme & Bootstrap button styles

Buttons

Specially designed button styles and animations. Each button type is developed with different hover effects.

Collision Animation

Fill effect with collision animation coming from left and right.

Normal
Normal Button
Rounded
Rounded Button
Rounded 2
Rounded 2 Button
Active State
Active Button

White Collision Animation

Collision animation with white color scheme.

Normal
White Button
Rounded
White Rounded
Active State
White Active

Diagonal Animation

Fill effect with diagonal transition animation.

Normal
Diagonal Button
Rounded
Diagonal Rounded
Active State
Diagonal Active

White Diagonal Animation

Diagonal transition animation with white color scheme.

Normal
White Diagonal
Rounded
White Diagonal Rounded
Active State
White Diagonal Active

Filled Diagonal Animation

Diagonal transition animation with filled background.

Normal
Filled Button
Rounded
Filled Rounded
Rounded 2
Filled Rounded 2

Button Groups

Special classes for organizing buttons in groups.

Left Aligned Group
First Second Third
Center Aligned Group
Center 1 Center 2 Center 3
Right Aligned Group
Right 1 Right 2 Right 3

Button List & Mixed Styles

Full width button list and different style combinations.

Button List
Full Width Button 1 Full Width Button 2 Full Width Button 3
Mixed Styles
Type 1 Type 3 Type 5

Default

These are the default button style, select between any color you want.

Rounded

Rounded button style using any color from skin.

Square

Square button style using any color from skin.

Outline

Outline button style using any color from skin.

Sizes

Large Size Large Size Large Size

Default Size Default Size Default Size

Small Size Small Size Small Size