Просто: filter
filter: blur(10px);
Однако вам нужно немного изменить структуру. Вот пример:
*{
margin: 0;
padding: 0;
font-family: sans-serif;
}
main{
height: 100vh;
background: url('https://images.unsplash.com/photo-1477346611705-65d1883cee1e?dpr=0.800000011920929&auto=format&fit=crop&w=1199&h=800&q=80&cs=tinysrgb&crop=') fixed no-repeat;
background-size: cover;
}
#container{
width: 350px;
height: 500px;
background: inherit;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
margin-left: -175px;
margin-top: -250px;
border-radius: 8px;
}
#container:before{
width: 400px;
height: 550px;
content: "";
position: absolute;
top: -25px;
left: -25px;
bottom: 0;
right: 0;
background: inherit;
box-shadow: inset 0 0 0 200px rgba(255,255,255,0.2);
filter: blur(10px);
}
form img{
width: 120px;
height: 120px;
border-radius: 100%;
}
form{
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
input{
background: 0;
width: 200px;
outline: 0;
border: 0;
border-bottom: 2px solid rgba(255,255,255, 0.3);
margin: 20px 0;
padding-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: rgba(255,255,255, 0.8);
}
input[type="submit"]{
border: 0;
border-radius: 8px;
padding-bottom: 0;
height: 60px;
background: #df2359;
color: white;
cursor: pointer;
transition: all 600ms ease-in-out;
}
input[type="submit"]:hover{
background: #C0392B;
}
span a{
color: rgba(255,255,255, 0.8);
}
<main>
<div id="container">
<form action="">
<input type="text" value=""><br>
<input type="password"><br>
<input type="submit" value="SIGN IN"><br>
<span><a href="#">Forgot Password?</a></span>
</form>
</div>
</main>
1 за месяц - февраль. 30 февраля изменено на 1 марта. Вы должны установить 0 в течение месяца. Лучше всего использовать константу, определенную в Календаре:
c1.set(2000, Calendar.JANUARY, 30);
Выбранная дата на примере интересна. Пример кода-блока:
Calendar c1 = GregorianCalendar.getInstance();
c1.set(2000, 1, 30); //January 30th 2000
Date sDate = c1.getTime();
System.out.println(sDate);
и вывод Wed Mar 01 19:32:21 JST 2000
.
Когда я впервые прочитал пример, я думаю, что вывод неправильный, но это правда:)
Calendar.Month
начинается с 0, поэтому 1 означает февраль. Месяцы в объекте Calendar начинаются с 0
0 = January = Calendar.JANUARY
1 = february = Calendar.FEBRUARY