Ответы пользователя по тегу Вёрстка
  • Чем заменить тег br?

    @AndreyBLG
    "Какое-то слово не хочет переноситься"
    Не ясна конкретная ситуация, но вдруг будет полезно, можно попробовать настроить переносы, используя неразрывный пробел между словами, которые точно не должны быть на разных строках.
    Например, в предложении "Lorem ipsum dolor sit amet", перенос строки происходит так:

    Lorem ipsum
    dolor sit amet

    А нужно, чтобы было так

    Lorem ipsum dolor
    sit amet

    То между "ipsum" и "dolor" можно поставить неразрывный пробел.
    Ответ написан
    5 комментариев
  • Как зациклить css анимацию в петлю ( infinite не подходит )?

    @AndreyBLG Автор вопроса
    .side1{
    	-webkit-animation: rotate 10s infinite linear;
      
    	@-webkit-keyframes rotate{
    		0%   { -webkit-transform: rotateY(90deg); }
        5%   { -webkit-transform: rotateY(0deg); }
        30%  { -webkit-transform: rotateY(0deg); }
        35%  { -webkit-transform: rotateY(90deg); }
    		100% { -webkit-transform: rotateY(90deg); }
    	}
    }
    
    .side2{
    	-webkit-animation: rotate2 10s infinite linear;
      
    	@-webkit-keyframes rotate2{
    		0%   { -webkit-transform: rotateY(90deg); }
        35%  { -webkit-transform: rotateY(90deg); }
        40%  { -webkit-transform: rotateY(0deg); }
        65%  { -webkit-transform: rotateY(0deg); }
        70%  { -webkit-transform: rotateY(90deg); }
    		100% { -webkit-transform: rotateY(90deg); }
    	}
    }
    
    .side3{
    	-webkit-animation: rotate3 10s infinite linear;
      
    	@-webkit-keyframes rotate3{
    		0%   { -webkit-transform: rotateY(90deg); }
        70%  { -webkit-transform: rotateY(90deg); }
        75%  { -webkit-transform: rotateY(0deg); }
        95%  { -webkit-transform: rotateY(0deg); }
    		100% { -webkit-transform: rotateY(90deg); }
    	}
    }
    Ответ написан
    Комментировать
  • Отображение картинки по маске. Как реализован такой эффект?

    @AndreyBLG Автор вопроса
    Все проще, для реализации такого эффекта достаточно к изображениям применить background-attachment: fixed
    Не знал этого, когда задавал вопрос, может кому-то пригодится
    Ответ написан
    Комментировать
  • CSS или SVG анимация. Как правильно реализовать идею?

    @AndreyBLG Автор вопроса
    Короче кому интересно решение - если не достаточно опыта написать такое с нуля самому, как вариант можно отрисовать в Adobe Edge Animate.
    Всем спасибо
    Ответ написан
    Комментировать