کانتینر اسلایدر و پس زمینه - فراغیب
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۳۶: | خط ۳۶: | ||
<div class="yasheel-card-content"> | <div class="yasheel-card-content"> | ||
<h3>کابینت مدرن</h3> | <h3>کابینت مدرن</h3> | ||
</div> | </div> | ||
</a> | </a> | ||
| خط ۴۹: | خط ۴۹: | ||
loading="lazy"> | loading="lazy"> | ||
<div class="yasheel-card-content"> | <div class="yasheel-card-content"> | ||
<h3>کابینت | <h3>کابینت اکریلیک</h3> | ||
</div> | </div> | ||
</a> | </a> | ||
| خط ۶۴: | خط ۶۳: | ||
<div class="yasheel-card-content"> | <div class="yasheel-card-content"> | ||
<h3>کابینت کلاسیک</h3> | <h3>کابینت کلاسیک</h3> | ||
</div> | </div> | ||
</a> | </a> | ||
| خط ۷۸: | خط ۷۶: | ||
<div class="yasheel-card-content"> | <div class="yasheel-card-content"> | ||
<h3>کابینت آشپزخانه</h3> | <h3>کابینت آشپزخانه</h3> | ||
</div> | </div> | ||
</a> | </a> | ||
| خط ۹۲: | خط ۸۹: | ||
<div class="yasheel-card-content"> | <div class="yasheel-card-content"> | ||
<h3>طراحی اختصاصی</h3> | <h3>طراحی اختصاصی</h3> | ||
</div> | </div> | ||
</a> | </a> | ||
| خط ۱۳۳: | خط ۱۲۹: | ||
background-position:top; | background-position:top; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
border-radius:2%; | |||
padding:70px 10px 25px; | padding:70px 10px 25px; | ||
overflow:hidden; | overflow:hidden; | ||
| خط ۱۴۳: | خط ۱۳۹: | ||
inset:0; | inset:0; | ||
background:linear-gradient( | background:linear-gradient( | ||
to | to bottom, | ||
rgba(0,0,0,.18), | rgba(0,0,0,.18), | ||
rgba(0,0,0,.30) | rgba(0,0,0,.30) | ||
); | ); | ||
z-index:1; | z-index:1; | ||
border-radius:2%; | |||
} | } | ||
| خط ۲۰۵: | خط ۲۰۲: | ||
flex:0 0 calc((100% - 12px) / 2); | flex:0 0 calc((100% - 12px) / 2); | ||
scroll-snap-align:start; | scroll-snap-align:start; | ||
background:#fff; | background:#fff; | ||
border-radius:10px; | border-radius:10px; | ||
overflow:hidden; | overflow:hidden; | ||
transition:transform .25s ease; | |||
transition:transform | |||
} | } | ||
| خط ۲۲۷: | خط ۲۱۸: | ||
display:block; | display:block; | ||
width:100%; | width:100%; | ||
aspect-ratio:1 / | aspect-ratio:1 / 2; | ||
object-fit:cover; | object-fit:cover; | ||
} | } | ||
.yasheel-card-content{ | .yasheel-card-content{ | ||
text-align: | text-align:center; | ||
} | } | ||
| خط ۳۵۸: | خط ۳۴۹: | ||
} | } | ||
/* .yasheel-card:hover{ | |||
transform:translateY(-5px); | transform:translateY(-5px); | ||
box-shadow: | box-shadow: | ||
0 12px 30px rgba(0,0,0,.25); | 0 12px 30px rgba(0,0,0,.25); | ||
} | }*/ | ||
.yasheel-card-content{ | .yasheel-card-content{ | ||
padding: | padding:2px 0 2px; | ||
} | } | ||
نسخهٔ ۱۷ اوت ۲۰۲۶، ساعت ۰۸:۴۱
طراحی و اجرای کابینت
کابینت یاشیل
طراحی مدرن، ساخت کابینت آشپزخانه و اجرای تخصصی با متریال باکیفیت
