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

بدون خلاصۀ ویرایش
برچسب‌ها: واگردانی دستی برگردانده‌شده
بدون خلاصۀ ویرایش
 
(۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۲۲: خط ۲۲:
             </p>
             </p>


             <a href="#" class="hero-btn">
              
                رزرو و سفارش آنلاین
            </a>


         </div>
         </div>
خط ۴۰: خط ۳۸:


     /* تصویر */
     /* تصویر */
     --hero-image:url("https://dl.faraghaib.ir/m/260012/26001208.jpg");
     --hero-image:url("https://dl.faraghaib.ir/m/260012/260012-01-18.jpg");


     /* رنگ لایه */
     /* رنگ لایه */
خط ۵۴: خط ۵۲:
     --btn-bg:#161a88;
     --btn-bg:#161a88;
     --btn-hover:#0d1267;
     --btn-hover:#0d1267;
    /* گردی گوشه‌ها */
    --border-radius: 25px;
}
}


خط ۸۲: خط ۸۳:


     overflow:hidden;
     overflow:hidden;
   
    /* اضافه شده برای گرد کردن گوشه‌ها */
    border-radius: var(--border-radius);


     display:flex;
     display:flex;
خط ۲۳۹: خط ۲۴۳:


}
}


</style>
</style>
</html>
</html>