NeKt0

КАЖДЫЕ 20 минут работы перед компом НА 20 минут ОТДЫХА.

На руках часы - каждые 30 минут вибрация, встаю, наливаю воду из кулера, делаю мини зарядку на глаз.

Итог: через каждые 30 минут 4к изображение снова появляется. Для спины - офисное кресло с жесткой спинкой(без качающегося механизма).

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

Вечером после работы - спорт. Бег, плаванье, тренажерный зал = самое полезное что есть для программиста. Можно еще после плаванья пивка бахнуть, тоже тонус прибавляет.

PS: в 20 лет сделал операцию на глаза - было -6, стало 100%.
За 10 лет списком выше - со зрением и спиной пока что всё норм.

Ответ легко ищется поисковиком.

animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;

Разбирайте как можно больше отличных примеров:
codepen.io/search/pens?q=CSS+3D
codepen.io/search/pens?q=css3+animation
codepen.io/search/pens?q=css3+transform

Решение - добавить любой min-width в изначальный класс элемента.

Как насчет взять и попробовать?
codepen.io/iiil/pen/aqhHm

Вы документацию читаете вообще? :))

@mixin button() {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #54cff0;
    color: #fff;
    border-radius: 50px;
    padding: 15px 30px;
    margin-top: 20px;
    text-transform: uppercase;
}

Все очень просто, оказывается нельзя начинать переменную с цифрой.
Надеюсь это кому-нибудь поможет.