Header Ads

Header ADS

Button-CSS Frameworks(Bootstrap 4+W3.CSS+Materialize Css)



Button:



W3.CSS:


w3-btn (shadow hover) 
w3-button(gray hover) এর সাথে অবশ্যই একটি কালার(w3-black) দিতে হবে এছাড়া বাটন দেখা যাবে না।
w3-hover-color,
w3-round,
w3-round-large/xlarge/xxlarge (button shape)
w3-tiny/small/medium/large/xlarge/xxlarge/xxxlarge/jumbo(button size)
w3-border(কালার দিতে হবে না তাহলে চারপাশে border দেখাবে।)
w3-border-color
w3-hover-color
w3-wide(বাটনের লেখাকে wide করে।)
w3-padding-small/large
w3-block(full width button)
w3-disabled
একটা div এ w3-bar এর মধ্যে বাটনে w3-bar-item তাহলে navigation এর মত হবে।
w3-show-inline-block(২টা bar পাশাপাশি দেখানোর জন্য)
w3-ripple
w3-circle



Bootstrap 4:

btn,
btn-primary/secondary/dark/light/info/success/danger/warning
btn-link
btn-outline-primary/secondary/dark/light/info/success/danger/warning
btn-lg/sm
btn-block
active,disabled


Materialize CSS:

btn , red (শুধু কালারের নাম লিখলেই সেটা বাটনের কালার হবে।)
waves-effect
waves-light,waves-teal
btn-floating(circle button)
btn-large
btn-flat
active
disabled




No comments

Theme images by centauria. Powered by Blogger.