Connect with us

Button

Button Sizes

Predefined sizes are attached to the button size property, you’ll
be able to choose between the following sizes or make it custom.

X Small
Small
Medium
Large
Extra Large
X Small
Small
Medium
Large
Extra Large
X Small
Small
Medium
Large
Extra Large
X Small
Small
Medium
Large
Extra Large

Button Padding

Custom padding can be added to the button with unit
like pixels, em or %. Add it on each corner or all togethe

Padding 8px
Padding 12px
Padding 16px
Padding 20px

Button Radius Sizes

The angles of the borders can be curved to a different radius for each border alone or together as one.
Radius 2px
Radius 10px
Radius 18px
Radius 50px

Button Border Type

Variety of border types can be applied for each button differently, also the size can be changed for each corner.
Solid
Double
Dotted
Dashsed

Button Border Width

The border width can be easily enhanced for each corner differently, or you can link them all together.
width 1px
width 2px
width 3px
width 4px

Button Left Icon

You can insert any icon from the font awesome library right before the button text or after it.
Before Icon
Before Icon
Before Icon
Before Icon

Button Right Icon

You can insert any icon from the font awesome library right before the button text or after it.
Before Icon
Before Icon
Before Icon
Before Icon

Button Type

You can insert any icon from the font awesome library right before the button text or after it.
Default Type
Info Type
Success Type
Warning Type

Button Color

The same options are attached for the button hover, freely to select any color from color picker.
Custom Color
Custom Color
Custom Color
Custom Color

Button Hover Animation

More than 30 hover animations can be chosen, for the animation of the button on mouseover.
Grow Animation
Shrink Animation
Pulse Animation
Pulse Grow Animation

Button Typography

Change the font family from more than 600 google fonts, or other font properties like letter spacing, line-height and much more.
Inconsolata
Playfair Display
BioRhyme
Archivo Black
Desarrollo Institucional2 días ago

💡💡🟨 𝗣𝗿𝗼𝘆𝗲𝗰𝘁𝗼 𝗱𝗲 𝗲𝗹𝗲𝗰𝘁𝗿𝗶𝗳𝗶𝗰𝗮𝗰𝗶𝗼́𝗻 𝗲𝗻 𝗹𝗮 𝗰𝗼𝗺𝘂𝗻𝗶𝗱𝗮𝗱 𝗱𝗲 𝗖𝗵𝗶𝘆𝗮𝘅𝘂𝘁, 𝗯𝗲𝗻𝗲𝗳𝗶𝗰𝗶𝗮𝗻𝗱𝗼 𝗮 𝟮𝟰𝟴 𝗳𝗮𝗺𝗶𝗹𝗶𝗮𝘀
Vías de Comunicación2 días ago

𝐈𝐧𝐢𝐜𝐢𝐨 𝐝𝐞𝐥 𝐌𝐚𝐧𝐭𝐞𝐧𝐢𝐦𝐢𝐞𝐧𝐭𝐨 𝐝𝐞 𝟐𝟐 𝐊𝐌
Limpieza y Ornato3 días ago

ACCIONES ENCAMINADAS AL BIENESTAR DE NUESTRA CIUDAD DE SAN PEDRO CARCHÁ
Educación y Cultura3 días ago

COMPLEJO EDUCATIVO DE POCOLA ALBERGARÁ AL INSTITUTO BÁSICO POR COOPERATIVA
Desarrollo Institucional3 días ago

🌳INTERCAMBIO DE EXPERIENCIAS GESTION DE VIVEROS EN SAN PEDRO CARCHÁ🌿
Social3 días ago

𝗣𝗔𝗥𝗘𝗝𝗔𝗦 𝗖𝗢𝗡𝗧𝗥𝗔𝗘𝗡 𝗠𝗔𝗧𝗥𝗜𝗠𝗢𝗡𝗜𝗢 𝗖𝗜𝗩𝗜𝗟
Desarrollo Institucional3 días ago

𝗥𝗲𝘂𝗻𝗶𝗼́𝗻 𝗰𝗼𝗻 𝗖𝗼𝗻𝗲𝘅𝗶𝗼́𝗻 𝘆 𝗙𝘂𝗻𝗱𝗮𝗰𝗶𝗼́𝗻 𝗥𝗮𝗶́𝘇 𝗽𝗮𝗿𝗮 𝗜𝗺𝗽𝘂𝗹𝘀𝗮𝗿 𝗹𝗮 𝗔𝗴𝗿𝗶𝗰𝘂𝗹𝘁𝘂𝗿𝗮 𝗥𝗲𝗴𝗲𝗻𝗲𝗿𝗮𝘁𝗶𝘃𝗮 𝗲𝗻 𝗖𝗮𝗿𝗰𝗵𝗮́
Desarrollo Institucional4 días ago

𝟐𝟒𝟖 𝐅𝐀𝐌𝐈𝐋𝐈𝐀𝐒 𝐀𝐋𝐂𝐀𝐍𝐙𝐀𝐑Á𝐍 𝐋𝐀 𝐄𝐍𝐄𝐑𝐆Í𝐀 𝐄𝐋𝐄𝐂𝐓𝐑𝐈𝐂𝐀
Desarrollo Institucional4 días ago

ACERCAMIENTO INTERINSTITUCIONAL PARA EL DESARROLLO VIAL
Desarrollo Institucional4 días ago

ACERCAMIENTO INTERINSTITUCIONAL PARA EL DESARROLLO VIAL

Copyright © 2024. Municipalidad de San Pedro Carchá A.V