2015-02-19 2 views
1

Я хочу сделать вычисление для свойства transform. Возможно ли использовать функцию ?Свойство преобразования CSS с помощью calc

Что-то вроде:

width: calc(100vw-2vw); 

но для преобразования

transform: translate(calc(100vw-2vw)); 

(Конечно, выше не работает)

+0

Вы пробовали это? Я не знаю, почему это не должно работать. – Vinc199789

+0

Спасибо. Я этого раньше не видел. Вот что полезно для других людей, которые увидят мой дубликат post [link] (https://code.google.com/p/chromium/issues/detail?id=150054) – Bill

+0

@ Vinc199789 Я пробовал, но он не работает. Вы можете увидеть приведенную выше ссылку. – Bill

ответ

2

Это работает, если вы уважаете белое пространство между значениями известково и подписанное использование: transform: translate(calc(100vw-2vw));

div { 
 
    border:solid; 
 
    float:right; 
 
    height:20vw; 
 
    width:20vw; 
 
    transform:translate(calc(-100vw + 25vw)); 
 
}
<div><p>Do not forget !<br/>use prefix if needed !!!</p><p>BTW, i float right</p></div>

+0

Wow ... супер ответ !! Благодаря! Проводная эта вещь с белым пространством! – Bill

Смежные вопросы