شرح تصميم اسهم بالـ CSS مقدم من قناة المجُمع







السلام عليكم اعضاء وزوار معهد ترايدنت الكرام وكل عام وانتم بخير اقدم لكم اليوم شرح عمل اسهم بالـ CSS مقدم من قناة المجمع شاء الله تنال اعجابكم

لمشاهدة الدرس :

الاكواد المستخدمة :

رمز PHP:
<!doctype html>
<
html>
<
head>
<
meta charset="utf-8">
<
title>Untitled Document</title>
<
style type="text/css">
.
arrow-up {
    
width0;
    
height0;
    
border-left5px solid transparent;
    
border-right5px solid transparent;
    
border-bottom5px solid black;
}
.
arrow-down {
    
width0;
    
height0;
    
border-left20px solid transparent;
    
border-right20px solid transparent;
    
border-top20px solid #f00;
}
.
arrow-right {
    
width0;
    
height0;
    
border-top60px solid transparent;
    
border-bottom60px solid transparent;
    
border-left60px solid green;
}
.
arrow-left {
    
width0;
    
height0;
    
border-top10px solid transparent;
    
border-bottom10px solid transparent;
    
border-right10px solid blue;
}
</
style>
</
head>

<
body>
<
center>
  <
div class="arrow-up"></div>
  <
br>
  <
br>
  <
div class="arrow-down"></div>
  <
br>
  <
br>
  <
div class="arrow-left"></div>
  <
br>
  <
br>
  <
div class="arrow-right"></div>
  <
br>
  <
br>
</
center>
</
body>
</
html 

انتظرو المزيد من الدروس والخدع مقدم الدوره اخوكم فى الله Ahmed Osama (Ultron)


Ultron : http://www.traidnt.net/vb/traidnt2557168