الگو:پس زمینه شیشه ای: تفاوت میان نسخه‌ها

صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- SEO --> <meta name="description" content="نمونه پس‌زمینه محو و ریسپانسیو"> <meta name="robots" content="index, follow"> <title>Blur Background</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <main class="container">...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
(۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱۲۲: خط ۱۲۲:
     margin:auto;
     margin:auto;


     min-height:100vh;
     min-height:55vh;


     display:flex;
     display:flex;
خط ۱۳۰: خط ۱۳۰:
     align-items:center;
     align-items:center;


     padding:40px 0;
     padding:1px 0;


}
}
خط ۱۸۵: خط ۱۸۵:
     background-position:center;
     background-position:center;


     filter:blur(1px);
     filter:blur(2px);


     transform:scale(1.2);
     transform:scale(1.2);


     opacity:.25;
     opacity:.40;


     z-index:-1;
     z-index:-1;
خط ۲۹۰: خط ۲۹۰:
.glass-card{
.glass-card{


padding:20px;
padding:1px;


}
}