Вопросы с тегом «transform»

Я использовал CSS3-трансформацию для поворота изображений и текстовых полей с границами на моем веб-сайте. Проблема в том, что границы выглядят неровными в Chrome, как игра (с низким разрешением) без сглаживания. В IE, Opera и FF это выглядит намного лучше, потому что используется AA (который все еще хорошо виден, но не …

193 google-chrome  css  transform  antialiasing 

Я боролся с этим некоторое время, и, похоже, нигде не могу найти ответ (который работает). У меня есть файл SVG, который выглядит так: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... …

156 svg  transform  inkscape 

Похоже, что недавно было обновление Google Chrome, которое вызывает размытый текст после выполнения transform: scale(). В частности, я делаю это: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Если вы …

126 google-chrome  css  webkit  transform  css-animations 

Я пытаюсь воспроизвести индикатор активности в стиле Apple (значок загрузки солнечных часов) с помощью анимации PNG и CSS3. У меня изображение вращается и делает это непрерывно, но кажется, что после завершения анимации есть задержка, прежде чем она выполнит следующий поворот. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { …

120 animation  webkit  css  transform 

Я использую встроенный в Java преобразователь XML, чтобы взять документ DOM и распечатать полученный XML. Проблема в том, что он вообще не делает отступ для текста, несмотря на явную установку параметра «indent». образец кода public class TestXML { public static void main(String args[]) throws Exception { ByteArrayOutputStream s; Document d …

112 java  xml  transform  indentation 

Я ищу библиотеку, которая позволила бы мне синхронизировать текст в реальном времени между несколькими пользователями (например, Google Docs). Я наткнулся на Operational Transformation, который, кажется, соответствует моим потребностям. Сказав это, я понимаю суть ОТ, но не математику и не реализацию ОТ. Таким образом, мне было интересно, существует ли библиотека Javascript …

103 transform  etherpad  operational 

У меня есть два абсолютно позиционированных элемента div, которые перекрываются. Оба установили значения z-index через css. Я использую translate3dпреобразование webkit для анимации этих элементов за пределами экрана, а затем обратно на экран. После преобразования элементы больше не соблюдают свои установленные z-indexзначения. Может ли кто-нибудь объяснить, что происходит с z-index / …

98 css  webkit  transform 

Я добавил в свое решение существующий проект веб-приложения ASP.Net. В дополнение к стандартным конфигурациям отладки и выпуска это решение также имеет две пользовательские конфигурации: SAT и UAT. Для нового веб-приложения щелчок правой кнопкой мыши на Web.Config отображает контекстное меню, но опция «Добавить преобразование конфигурации» неактивна. Я в растерянности. Новый проект …

88 asp.net  web-config  transform 

У меня проблемы с поворотом и позиционированием строки текста. Теперь работает просто позиция. Вращение тоже работает, но только если я отключу позиционирование. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML - это простой текст.

86 css  webkit  transform  css-transforms 

Используя свойство transform, z-index отменяется и появляется спереди. (При комментировании out -webkit-transform, z-index правильно работает в приведенном ниже коде) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; …

85 css  z-index  transform 

Как мне повернуть элемент с помощью jQuery .animate()? Я использую строку ниже, которая в настоящее время правильно анимирует непрозрачность, но поддерживает ли она преобразования CSS3? $(element).animate({ opacity: 0.25, MozTransform: 'rotate(-' + -amount + 'deg)', transform: 'rotate(' + -amount + 'deg)' });

83 jquery  transform