CSS Arrows လုပ်နည်း
CSS ဖြင့် မြှားများဖန်တီးနည်းကို လေ့လာပါ။
ညာမြှား-
ဘယ်ဘက်မြှား-
အပေါ်မြှား-
အောက်မြှား-
Arrows ဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<p>Right arrow: <i class="arrow right"></i></p>
<p>Left arrow: <i
class="arrow left"></i></p>
<p>Up arrow: <i class="arrow up"></i></p>
<p>Down arrow: <i class="arrow down"></i></p>
အဆင့် 2) CSS ကိုထည့်ပါ
ဥပမာ
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform:
rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform:
rotate(135deg);
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}