Report
-
Similar Content
-
By ZeteM
Всем привет! Пытаюсь сделать анимацию так, чтобы второй блок появлялся только после того, как первый полностью уйдёт влево. Ну просто никак, пыталась нагуглить, но получается только одновременное движение двух блоков. Может, кто-то опытный хотя бы намекнёт, что не так в моём коде?
https://codepen.io/20ZeteM02/pen/WNwwEEp
-
By Highlander
Подскажите кто сталкивался с анимированием эффекта нажатия через animation? Через transition понятно как, но вот тут http://landing-animation.powercode.pro/ верхние правые кнопки уж очень приятно выглядят, пробовал повторить через инспектор, но безуспешно. Или где-то ошибаюсь или есть какая-то особенность.
Спасибо.
-
By Vic-Tor
Подскажите пожалуйста, как сделать паузу мерцания текста, что бы по глазам не било сильно?
Посмотреть образец тут.
info-box {
width : 96%;
background : #c2ddf9;
border : #CD0000 solid 1px;
color : #CD0000; font-weight: 800;
line-height : 19px;
animation: blur .99s ease-out infinite;
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
}
@keyframes blur {
from {
text-shadow:0px 0px 5px #fff,
0px 0px 4px #fff,
0px 0px 5px #fff,
0px 0px 5px #fff,
0px 0px 5px #fff,
0px 0px 5px #fff,
0px 0px 9px #fff,
0px 0px 9px #fff,
0px 0px 9px #fff,
0px 0px 9px #fff,
0px 0px 9px #CD0000,
0px 0px 9px #CD0000,
0px 10px 12px #4A708B,
0px 10px 12px #4A708B,
0px 10px 12px #4A708B,
0px 10px 12px #4A708B,
0px -10px 12px #4A708B,
0px -10px 11px #4A708B;
}
}
СПАСИБО!
-
By Alarr
Доброго всем дня.
Нужно сделать так, чтобы на фоне сайта дымился дым (клубился, вращался и.т.д), всегда, а в некоторых блоках дым должен двигаться, сжиматься или расширяться в зависимости от проскроливания страницы.
Пожалуйста, подскажите, как это сделать лучше всего?
Поставить на фон видео? Но его нельзя будет контролить скролом.
-
By kattiperk
Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats
От нее нужен сам круг и цифры в центре, ну и эффект тоже.
На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-