CSS3 مولد

آیا بردارهای شما به مقدار مساوی انحنا پیدا کنند؟

بله
خیر
px

کد شما

FirefoxChromeSafariInternet ExplorerOpera
-webkit-border-radius: ;
border-radius: ;
کپی در حافظه
پیش نمایش
px
px
px
px

کد شما

FirefoxChromeSafariInternet ExplorerOpera
-webkit-border-radius: px px px px;
border-radius: px px px px;
کپی در حافظه
پیش نمایش

px

کد شما

Opera
-moz-column-count: ;
-moz-column-gap: px;
-webkit-column-count: ;
-webkit-column-gap: px;
column-count: ;
column-gap: px;
کپی در حافظه

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

کد شما

FirefoxChromeSafariInternet ExplorerOpera
-moz-box-sizing: ;
-webkit-box-sizing: ;
box-sizing: ;
کپی در حافظه
پیش نمایش
If you set this to content-box, it will act like the box model we all know and love from CSS2.1
If you set it to border-box, the padding and border will render inside the box.
px

کد شما

FirefoxChromeSafariInternet ExplorerOpera
outline: px #;
outline-offset: 10px; /*اگر افست نمی خواهید این کد را حذف کنید*/
کپی در حافظه
پیش نمایش
You should see a white border around this box in addition to your outline.



کد شما

FirefoxChromeSafariOpera
-webkit-transition: all ;
-moz-transition: all ;
-ms-transition: all ;
-o-transition: all ;
transition: all ;
کپی در حافظه
پیش نمایش
Hover over here when you're done.

deg
px px
deg deg

کد شما

FirefoxChromeSafariInternet ExplorerOpera
-moz-transform: scale() rotate(deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale() rotate(deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale() rotate(deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale() rotate(deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale() rotate(deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
کپی در حافظه
پیش نمایش