Запитання з тегом «transform»

Я використовував перетворення CSS3 для обертання зображень та текстових полів з рамками на своєму веб-сайті. Проблема полягає в тому, що рамки виглядають нерівними в Chrome, як гра (з низькою роздільною здатністю) без функції Anti-Aliasing. У 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 ... z" …

155 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); } } Якщо ви відвідаєте http://rourkery.com в …

126 google-chrome  css  webkit  transform  css-animations 

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

120 animation  webkit  css  transform 

Я використовую вбудований в трансформатор XML Java, щоб взяти документ DOM і роздрукувати отриманий XML. Проблема полягає в тому, що він взагалі не відступає тексту, незважаючи на те, що явно встановив параметр "відступ". зразок коду public class TestXML { public static void main(String args[]) throws Exception { ByteArrayOutputStream s; Document …

112 java  xml  transform  indentation 

Я шукаю бібліотеку, яка б дозволила мені синхронізувати текст у режимі реального часу між кількома користувачами (ала Google Документи). Я натрапив на оперативну трансформацію, яка, здається, відповідає моїм потребам. Сказавши це, я розумію суть ОТ, але не математику, ні реалізацію ОТ. Таким чином, мені було цікаво, чи існує бібліотека JavaScript …

102 transform  etherpad  operational 

У мене є два абсолютно розміщені елементи Div, які перекриваються. Обидва встановили значення z-індексу через css. Я використовую translate3dперетворення webkit, щоб анімувати ці елементи з екрану, а потім повернутися на екран. Після перетворення елементи більше не поважають їх встановлені z-indexзначення. Чи може хтось пояснити, що відбувається з z-індексом / стеком-порядком …

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-індекс скасовується та з'являється спереду. (Коли ви коментуєте -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; …

84 css  z-index  transform 

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

83 jquery  transform 

Я новачок у кодуванні d3 та svg і шукаю спосіб обертати текст по осі x діаграми. Моя проблема полягає в тому, що, як правило, заголовки xAxis довші, ніж стовпчики на гістограмі, широкі. Тому я прагну повернути текст, щоб він працював вертикально (а не горизонтально) під xAxis. Я спробував додати атрибут …

81 text  svg  transform  d3.js 

Зачинено. Це питання не відповідає вимогам щодо переповнення стека . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно було актуальним для переповнення стека. Закрито 2 роки тому . Удосконалюйте це питання Хтось знає, як створити схему JSON із існуючої схеми XML (файл XSD)? Чи є для …

79 xml  json  xsd  transform  jsonschema