امیر حسین ابراهیم زاده
توسط امیر حسین ابراهیم زاده مطرح شد
طراحی لوگو با css
سلام در ببخشید در css برای طراحی لوگوz اون خط اریب وسطی را چگونه بنویسم لطفا در را برای من ارسال کنید یا راهنمایی کنید ممنون
ثبت پرسش جدید
امیر حسین ابراهیم زاده
@amir.iran.13947 سال پیشمطرح شد
1
0
کد css زیر کارش چرخوندن المان هست. میتونید ازش برای خط اریب استفاده کنید.
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
امیر حسین ابراهیم زاده
@amir.iran.13947 سال پیشمطرح شد
1
1
کد بالا رو روی هر المانی که اعمال کنید، اون رو میچرخونه. خط بالا و پایین رو بوجود بیارید و این کد رو برای خط وسط استفاده کنید.
1
من براتون ی حرف Z در ابعاد 100 پیکسل در 100 پیکسل درست کردم، ولی این صرفا ی مثال هستش. جزئیاتش رو خودتون باید بهش بپردازید. بفرمایید:
<html>
<head>
<style>
div {
position: relative;
height: 100px;
width: 100px;
border-top: 1px solid red;
border-bottom: 1px solid red;
transform: scaleY(-1);
}
div::after {
content: '';
position: absolute;
left: 1px;
top: 0;
width: 141px;
border-top: 1px solid red;
transform-origin: 0 0;
transform: rotate(45deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>