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
𝐑𝐚𝐭𝐳’𝐮𝐦 𝐓𝐞𝐧𝐚𝐦𝐢𝐭2 meses ago

𝐑𝐚𝐭𝐳’𝐮𝐦 𝐓𝐞𝐧𝐚𝐦𝐢𝐭 𝟐𝟎𝟐𝟔–𝟐𝟎𝟐𝟕 𝐞𝐬 𝐑𝐞𝐢𝐧𝐚 𝐏𝐚𝐨𝐥𝐚 𝐗𝐢 𝐂𝐡𝐞́
Oficina Municipal de Prevención de la Violencia y el Delito2 meses ago

𝗜𝗺𝗽𝘂𝗹𝘀𝗮𝗻 𝗰𝘂𝗹𝘁𝘂𝗿𝗮 𝗱𝗲 𝗽𝗿𝗲𝘃𝗲𝗻𝗰𝗶𝗼́𝗻 𝗲𝗻 𝗲𝘀𝘁𝘂𝗱𝗶𝗮𝗻𝘁𝗲𝘀 𝗱𝗲 𝗧𝗮𝗻𝗰𝗵𝗶 𝗥𝗮𝘅𝗮𝗵𝗮
Sin categoría2 meses ago

𝐂𝐚𝐫𝐫𝐞𝐫𝐚 “𝐔𝐧𝐚 𝐋𝐞𝐠𝐮𝐚 𝐩𝐨𝐫 𝐃𝐨𝐧 𝐁𝐨𝐬𝐜𝐨”
Desarrollo Social2 meses ago

𝐀𝐥𝐝𝐞𝐚 𝐂𝐡𝐚𝐣𝐪𝐮𝐞𝐣 𝐂𝐡𝐚𝐧𝐲𝐮𝐜 𝐫𝐞𝐜𝐢𝐛𝐞 𝐬𝐮𝐬 𝐚𝐥𝐣𝐢𝐛𝐞𝐬
Vías de Comunicación3 meses ago

𝗙𝗶𝗻𝗮𝗹𝗶𝘇𝗮 𝗽𝗿𝗼𝘆𝗲𝗰𝘁𝗼 𝗱𝗲 𝗽𝗮𝘃𝗶𝗺𝗲𝗻𝘁𝗮𝗰𝗶𝗼́𝗻 𝗲𝗻 𝗮𝗹𝗱𝗲𝗮 𝗖𝗵𝗮𝗰𝗮𝗹𝘁𝗲́
Medio Ambiente3 meses ago

𝗜𝗺𝗽𝘂𝗹𝘀𝗮𝗻 𝗿𝗲𝗳𝗼𝗿𝗲𝘀𝘁𝗮𝗰𝗶𝗼́𝗻 𝗲𝘀𝗰𝗼𝗹𝗮𝗿 𝗮 𝘁𝗿𝗮𝘃𝗲́𝘀 𝗱𝗲 𝗹𝗮 𝗰𝗮𝗺𝗽𝗮𝗻̃𝗮 «𝗔𝗺𝗶𝗴𝗼𝘀 𝗱𝗲 𝗹𝗼𝘀 𝗔́𝗿𝗯𝗼𝗹𝗲𝘀»
Vías de Comunicación3 meses ago

𝐌𝐞𝐣𝐨𝐫𝐚𝐦𝐢𝐞𝐧𝐭𝐨 𝐞𝐧 𝐥𝐚 𝐀𝐥𝐝𝐞𝐚 𝐒𝐞𝐬𝐢𝐦𝐚𝐣, 𝐩𝐫𝐨𝐧𝐭𝐨 𝐢𝐧𝐢𝐜𝐢𝐚
Programa Educativo Ambiental Municipal PEAM3 meses ago

¡𝗘𝗹 𝗿𝗲𝗰𝗶𝗰𝗹𝗮𝗷𝗲 𝘀𝗶𝗴𝘂𝗲 𝗰𝗿𝗲𝗰𝗶𝗲𝗻𝗱𝗼 𝗲𝗻 𝗻𝘂𝗲𝘀𝘁𝗿𝗮𝘀 𝗲𝘀𝗰𝘂𝗲𝗹𝗮𝘀!
Vías de Comunicación3 meses ago

𝐌𝐚𝐧𝐭𝐞𝐧𝐢𝐦𝐢𝐞𝐧𝐭𝐨 𝐝𝐞 𝐒𝐞𝐦𝐞𝐬𝐜𝐡𝐞 𝐡𝐚𝐜𝐢𝐚 𝐔𝐥𝐩𝐚𝐧 𝐈𝐈, 𝐚𝐯𝐚𝐧𝐳𝐚
Dirección Municipal de la Mujer3 meses ago

𝗔𝘃𝗮𝗻𝘇𝗮𝗻 𝗮𝗰𝗰𝗶𝗼𝗻𝗲𝘀 𝗺𝘂𝗻𝗶𝗰𝗶𝗽𝗮𝗹𝗲𝘀 𝗮 𝗳𝗮𝘃𝗼𝗿 𝗱𝗲 𝗹𝗮 𝗺𝘂𝗷𝗲𝗿 𝘆 𝗹𝗮 𝗷𝘂𝘃𝗲𝗻𝘁𝘂𝗱 𝗰𝗮𝗿𝗰𝗵𝗮𝗲𝗻𝘀𝗲

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