الگو:کانتینر متن و عکس/بخشنده: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۲۶: خط ۲۶:
     <div class="sajad-hero__media">
     <div class="sajad-hero__media">
       <!-- عکس زیرین -->
       <!-- عکس زیرین -->
       <div class="sajad-hero__img sajad-hero__img--front">
       <div class="sajad-hero__img sajad-hero__img--back">
         <img
         <img
     src="https://dl.faraghaib.ir/m/109/109m020.png"
     src="https://dl.faraghaib.ir/m/109/109m020.png"
خط ۳۹: خط ۳۹:
       </div>
       </div>
       <!-- عکس رویی (کوچک‌تر شده) -->
       <!-- عکس رویی (کوچک‌تر شده) -->
       <div class="sajad-hero__img sajad-hero__img--back">
       <!--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-->
     </div>
     </div>


خط ۱۲۶: خط ۱۲۶:
.sajad-hero__img--back {
.sajad-hero__img--back {
   width: 280px;
   width: 280px;
   height: 400px;
   height: 480px;
   left: 20px;
   left: 20px;
   top: 0;
   top: 0;