Report
-
Similar Content
-
By Ospna
Решил анимировать иконки, нашел пример в интернете, скопировал
в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично
но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка
пример кода
пример того как должна выглядеть анимированная иконка во вложении
Screen Capture 2018-01-10 06.49.14.mov
-
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 Antoshka007
Всем привет!
Никак не могу разобраться, в чем тут дело. В интернете тоже никакой информации о таком странном поведении браузера не нашел.
Все браузеры корректно загружают файлы, кроме Safari. Подписываюсь на событие progress объекта XMLHttpRequest.upload и вывожу в консоль данные о загрузке файлов:
console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); И вот, что вижу в консоли: (см. фото)
Текст "Данные полностью загружены на сервер!" выводится внутри обработчика события XMLHttpRequest.upload.onload.
То есть когда данные, казалось бы, полностью загрузились, Safari как будто повторно пытается их загрузить.
Кто-нибудь сталкивался с такой проблемой?
P.S.: Загрузка осуществляется по средством jQuery.ajax:
xhr: function() { _xhr = $.ajaxSettings.xhr(); _xhr.upload.onprogress = function(e) { console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); }; return _xhr; } До этого делал нативным способом. Поведение не меняется.
Спасибо!
-
By fenix_63
Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.
-
By Windowl
Есть такая проблема.. Верстаю сайт, адаптирую, все отображается ровно во всех браузерах, кроме сафари на маке и Ipad. Не пойму в чем проблема.
http://yana23fv.bget.ru/ - вот сайт
Вот так выглядит в сафари - так в хроме
Сафари - хром
Может кто знает в чем дело? Спасибо
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-