شكل دايره با 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
پلاگین Lock User - قطع دسترسی کاربر دلخواه از انجمن
[plgname]Lock User[/plgname] [plgversion]0.2[/plgversion] [plgmybb]1.6[/plgmybb] [plgprice]ر ...
پلاگین 1.6
دیدگاه های کاربران 0

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