شكل دايره با Css3

نویسنده : AzadBeChat

شكل دايره با Css3
امروز با css3 ميخواهيم يك قدم ديگر در توسعه css براديم و براي شما اشكال هنديسي را كد نويسي كنيم.

در صورت كار آمد بودن پست مارو به اشتراك بگذاريد و مارو حمايت كنيد.


#circle { 
width: 140px;
height: 140px;
background: red; 
-moz-border-radius: 70px; 
-webkit-border-radius: 70px; 
border-radius: 70px;
}



 در كد يالا ما اسم كلاس رو circle قرار داديم و براش با width & height اندازه تعريف كرديم سپس براش در قسمت background يك رنگ دلخواه گذاشتيم و در آخر شعاع دايره مورد نظر را تعريف كرديم.
تمام اين اندازه ها قابل تغيير ميباشد و ميتوانيدبرحسب نياز تغيير بديد.

image

منبع :  انجمن من و تو 

 
نویسنده :

X
نمایش لینک ها بعد از ارسال پاسخ
با استفاده از این پلاگین ، شما قادر خواهید بود که لینک های موجود در اولین ارسال موضوع را مخفی کنید . ...
پلاگین 1.8
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :