اعلان ممول: بطاقة بيتكوين الجديدة قريبا!
Qrypto - The All-in-one Bitcoin Card

كيف تجعل الصورة دائرية بواسطة css3

منتدي عام لكل ماهو متعلق بالمواقع والمدوانت وستايلات والقوالب والهاكات وشروحات مواقع

قوانين المنتدى
* لكل موضوع 1000+
* لكل رد تكسب 0
* تجنب السبام الردود الاقل من 75 حرفا
* القوانين العامة : viewtopic.php?f=2&t=984
Hossam
عضو جديد
عضو جديد

كاتب الموضوع
مشاركات: 6
اشترك في: 25 أغسطس 2016, 10:38
رصيد البيتكوين: Locked
عنوان البيتكوين:
Algeria

كيف تجعل الصورة دائرية بواسطة css3

مشاركة غير مقروءةبواسطة Hossam » 27 أغسطس 2016, 10:56


السلام عليكم
ملاحظة : الدرس للمستوى المتوسط - اي يجب ان تعرف كيف تكتب كود html و تفهمه -

بعد التطور الذي شهدته لغات البرمجة والذي مس بالتحديد لغة css لنتحصل على الجيل الجديد و النسخة الرائعة من هته اللغة الجميلة الا وهو النسخة المسماة css3 فقد اصبحنا الان بواسطة هذه الاخيرة فعل الكثير من الاشياء الجميلة و التي تجعل من موقعنا يبدو افضل و اجمل .
اليوم ساقدم لكم طريقة عمل الصورة دائرية بطريقة عصرية مثل التي قد تشاهدونها في الفيسبوك او سكايب او واتساب او اي موقع في الانترنت هذه التقنية منتشرة بكثرة في المواقع على الانترنت في ايامنا هذه
اول شئ اعمل ملف html و داخل جزء body اكتب الكود التالي
<div class="cir"></div>
الان اعمل مثل css و اربطه بملف html ثم ضع به الكود التالي
.circular {
width: 300px;
height: 300px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
background: url( your image url ) no-repeat;
}

غير العبارة المكتوبة باللون الاحمر الى عنوان url الصورة التي تريدها
و استمتع بالنتيجة
عرب شاترز

العودة إلى “المنتدى العام لتطوير المواقع والمنتديات والمدونات”

الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: لا يوجد أعضاء مسجلين متصلين و 0 زائر

إعــلانــات