الگو:لایه شفاف روی عکس/کافه محمد: تفاوت میان نسخهها
صفحهای تازه حاوی «<html> <section class="hero-banner"> <!-- پس زمینه --> <div class="hero-bg"></div> <!-- لایه رنگی --> <div class="hero-overlay"></div> <!-- محتوا --> <div class="container"> <div class="hero-content"> <h1> کافه پاتوق محمد </h1> <p> محیطی دنج و دلپذیر </p> <a h...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| (۸ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۲۲: | خط ۲۲: | ||
</p> | </p> | ||
</div> | </div> | ||
| خط ۴۰: | خط ۳۸: | ||
/* تصویر */ | /* تصویر */ | ||
--hero-image:url("https://dl.faraghaib.ir/m/260012/ | --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> | ||