جار التحديث ...
جار التحديث ...

كيف الون button بلونين؟

  • 0

لدي زرbutton واريد ان اعطيه لونين لخلفيته كيف بأمكاني ذلك؟ 

إجابات المستخدمين (4)


فيه حاجة افضل لك وهي ال bootstrap جربها يعطيك link جاهز ماعليك سوى وضع الاكواد


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد

سؤالك مبهم قليلا اذا كنت تود صناعه تدرج لوني مكون من لونين فبإمكانك فع ذالك عن طريق خاصية gradiants 

bottom1{
    background: linear-gradient(red, yellow);
}

واذا كنت تود فقط وضع لونين من دون تدرج حيث يكون اللون الازرق مثلا في الاعلى و الاحمر في الاسفل فكذالك سنسخدم هنا الــ gradiants لكن بتغيير بعض لقيم بحيث نخفض من التدرج ليكون النصف بالنصف (فيفتي فيفتي) 

bottom1{
    background-image: linear-gradient(bottom, red 50%, blue 50%);
}

و لاتنسى ان هذه الخاصيه ليست مدعومه لبعض المتصفحات القديمه فضع  الـ webkit و o ... الخ 

bottom1{   
background-image: linear-gradient(bottom, red 50%, blue 50%);
background-image: -o-linear-gradient(bottom, red 50%, blue 50%);
background-image: -moz-linear-gradient(bottom, red 50%, blue 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, blue 50%);
background-image: -ms-linear-gradient(bottom, red 50%, blue 50%);
}

  • 2
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 9
<!DOCTYPE html>
<html>
	<head>
		<title>test</title>
<style>
	button{
		 border:none;
		height:50px;
		width:100px;
		background: linear-gradient(to right, red 50% , yellow 50%);
	}
</style>
	</head>
	<body>
		<button type="button">test</button>
	</body>
</html>

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
background: linear-gradient(directioncolor-stop1color-stop2, ...);
https://www.w3schools.com/css/css3_gradients.asp

  • -1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة