in English
ଛାୟା
ବାକ୍ସ-ଛାୟା ଉପଯୋଗୀତା ସହିତ ଉପାଦାନଗୁଡ଼ିକରେ ଛାୟା ଯୋଡନ୍ତୁ କିମ୍ବା ଅପସାରଣ କରନ୍ତୁ |
ଉଦାହରଣଗୁଡିକ
ଯେତେବେଳେ ଉପାଦାନଗୁଡ଼ିକ ଉପରେ ଛାୟାଗୁଡ଼ିକ ବୁଟଷ୍ଟ୍ରାପରେ ଡିଫଲ୍ଟ ଭାବରେ ଅକ୍ଷମ ହୋଇଥାଏ ଏବଂ ଏହା ମାଧ୍ୟମରେ ସକ୍ଷମ ହୋଇପାରିବ , ତୁମେ ଆମର ଉପଯୋଗିତା ଶ୍ରେଣୀଗୁଡ଼ିକ $enable-shadows
ସହିତ ଶୀଘ୍ର ଏକ ଛାୟା ଯୋଡି କିମ୍ବା ଅପସାରଣ କରିପାରିବ | box-shadow
ତିନୋଟି ଡିଫଲ୍ଟ ଆକାର ପାଇଁ ସମର୍ଥନ ଅନ୍ତର୍ଭୂକ୍ତ .shadow-none
କରେ (ଯାହା ମେଳ ଖାଇବାକୁ ଭେରିଏବଲ୍ସ ଅଛି) |
ଛାଇ ନାହିଁ |
ଛୋଟ ଛାୟା |
ନିୟମିତ ଛାୟା |
ବଡ଼ ଛାୟା |
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>