[Перевод] Несколько интересных приёмов на CSS321.02.2013 12:10

Спецификации CSS3 позволяют фронтэнд-разработчикам создавать сложные визуальные эффекты, чтобы сделать сайты красивее. Я собрал более 10 новых приёмов CSS3, подходящих для того, чтобы украсить ваш сайт и придать ему более профессиональный вид.

CSS функция Calc()

Calc() позволяет выполнять расчеты по определению размеров и формы объектов. Она может быть использована в любом месте!

/* basic calc */
.simpleBlock {
  width: calc(100% - 100px);
}

/* calc in calc */
.complexBlock {
  width: calc(100% - 50% / 3);
  padding: 5px calc(3% - 2px);
  margin-left: calc(10% + 10px);
}

Источник и демо. Читать дальше →