CSS: псевдоселектор для преобразованных элементов

Question

Есть ли (будущий) псевдоселектор, чтобы получить элементы, которые были преобразованы с помощью свойства преобразования css? я думаю о чем-то вроде этого:

div:transformed{ 
color:red; 
} 

Answer 1

Нет такого псевдоселектора. Следующий код Javascript может служить вашей цели:

var element = document.querySelectorAll('div'); 
 
for (i = 0; i < element.length; i++) { 
 
    var value = window.getComputedStyle(element[i]).getPropertyValue("transform"); 
 
    if (value != "") //Or suitable comparator 
 
    { 
 
    element[i].style.color = "red"; 
 
    } 
 
}

div { 
 
    transform: translateX(10px); 
 
}

<div>Text</div>

Answer 2

Нет, такого селектора нет.