Блог

Главная - Вопросы по программированию - Центрирование CSS3 и анимация CCS3

Центрирование CSS3 и анимация CCS3

#css

#css

Вопрос:

Я использую следующий код для многих разделов моего сайта, чтобы выполнять вертикальное и горизонтальное центрирование в адаптивных разделах. 

             -webkit-transform:translate(-50%,-50%);
            -moz-transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%);

Однако затем я хочу анимировать свои кнопки с помощью преобразований css3, это перескакивает, поскольку кажется, что анимация обходит мои центровки с помощью этого «взлома». Кто-нибудь знает о подобном взломе, чтобы на самом деле сделать выполнимыми только анимации css, или это то, что я теряю, когда хочу центрировать вещи с помощью css?

Комментарии:

1. пожалуйста, покажите CSS, который вы используете для поворота этих разделов HTML-код. И еще лучше, воспроизведите вашу проблему в jsfiddle или другом.

2. Ты имел в виду анимацию css3

3. @Shadow: не обязательно. Свойство transform также можно использовать для анимации, такой как масштабирование, поворот и тому подобное.

4. @web-tiki: Вы можете посмотреть это здесь. Попробуйте деактивировать классы анимации для зеленой кнопки и посмотрите, вернетесь ли вы к центру: cphrecmedia.dk/musikdk/stage/hashtag-comp.php