elements CSS Buttons

Elements CSS is a pre-prepared css styles framework for easier, more standards-compliant web design using the Cascading Style Sheets.

Default Buttons

Add (.el-button) class to your button, link or input buttons to add button style.

CODE
OUTPUT

To change the background color use el-bg* classes for e.g. .el-bg-green.

see all available bg colors
Bordered Buttons

Add (.el-bordred) with the button class to add bordred style to your button.

CODE
OUTPUT
Button Sizes

There are five different size are available for the button, just add sizes class (.el-xlarge .el-large .el-medium .el-small .el-xsmall) with the button class to use it.

CODE
OUTPUT
Button with Icons

Add (.el-icon-*) class inside your button, link or input buttons to add icon before the text.

CODE
OUTPUT
See all available icons
Button Group

Add your buttons inside (.el-button-group) container.

CODE
OUTPUT
Conditional

Add span tag inside buttons tag with (.el-or) class.

CODE
OUTPUT
Button Circle

Add (.el-circle) class to your button.

CODE
OUTPUT
Button Circle Icon

Add (.el-circle-icon) class to your button.

CODE
OUTPUT