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
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