الگو:کانتینر متن و عکس/بخشنده: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۲۶: | خط ۲۶: | ||
<div class="sajad-hero__media"> | <div class="sajad-hero__media"> | ||
<!-- عکس زیرین --> | <!-- عکس زیرین --> | ||
<div class="sajad-hero__img sajad-hero__img-- | <div class="sajad-hero__img sajad-hero__img--front"> | ||
<img | <img | ||
src="https://dl.faraghaib.ir/m/109/ | src="https://dl.faraghaib.ir/m/109/109m020.png" | ||
alt="محصول پوشاک سجاد" | alt="محصول پوشاک سجاد" | ||
style=" | style=" | ||
| خط ۳۹: | خط ۳۹: | ||
</div> | </div> | ||
<!-- عکس رویی (کوچکتر شده) --> | <!-- عکس رویی (کوچکتر شده) --> | ||
<div class="sajad-hero__img sajad-hero__img-- | <div class="sajad-hero__img sajad-hero__img--back"> | ||
<img src="https://dl.faraghaib.ir/m/109/109m019.jpg" alt="محصول مکمل سجاد"> | <img src="https://dl.faraghaib.ir/m/109/109m019.jpg" alt="محصول مکمل سجاد"> | ||
</div> | </div> | ||
| خط ۱۳۵: | خط ۱۳۵: | ||
.sajad-hero__img--front { | .sajad-hero__img--front { | ||
width: 250px; | width: 250px; | ||
height: | height: 450px; /* ارتفاع کمتر برای عدم تداخل لبه پایین */ | ||
left: 200px; /* فاصله افقی از عکس زیری */ | left: 200px; /* فاصله افقی از عکس زیری */ | ||
top: 150px; /* فاصله از بالا برای ایجاد اثر پلهای */ | top: 150px; /* فاصله از بالا برای ایجاد اثر پلهای */ | ||