кто пояснит?(Css)

Всем хаюшки Кто может пояснить данный код,то есть описать каждый "тег"




{
box-sizing: border-box;
}

label[for] {
cursor: pointer;
}

input[type="checkbox"] {
display: none;
clear:both;
margin-left:20%;
}



.lightbox, .grid {
width: 70%;
position: fixed;
margin-left:20%;
top: 0;
left: 0;
}

.lightbox {
z-index: 1;
min-height: 100%;
overflow: auto;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
}
.lightbox img {
position: fixed;
top: 50%;
left: 50%;
max-width: 96%;
max-height: 96%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

input[type="checkbox"]:checked + .lightbox {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

Изм. 1 раз. / Посл. изм.

Hoy Mo 3.78

(23 май 2016, 21:00)

StandUp, а не легче загуглить? Бери название каждого класса/функции/селектора до знака ":" и гугли их значения, а вот уже не понятные моменты можно разжевать на форуме

RestART, многого не нашел

Много просишь, назови что тебе надо я покажу где оно.

http://htmlbook.ru

Если нажать на кнопку, откроется окошко для просмотра увеличенного изображения.

5 пост, ищи на хтмлбук. Это самые азы. Глупо тему создавать из за мелочи.

Например?

как ты вообще можешь быть хорошим программистом, не умея пользоваться гуглом?!

StandUp, чекай http://webref.ru