Alex

Как то так.
Только стилями приведите иконки
https://jsfiddle.net/kqbLzuj1/1/

В гугле это известный баг с 100500 тем на stackoverflow

например:

stackoverflow.com/questions/23871507/css-transform...

Пишем серверн а JS
NodeJS + express
NodeJS + graphql

Цикл по всем элементам с присвоением
mouseenter toggleclass(blue)
mouseleave toggleclass(blue)

На сайте примера все есть.
Либо жмем кнопку "Buy now"
Либо копаемся в css\js

getbootstrap.com/css/#tables

htmlbook.ru/css/outline

Пробовал: вместо "inputRed" поставить "spann_red" а вместо "inputGreen" поставить "spann_green". Выводит только какой-то один стиль независимо от результата. В браузере через "просмотреть код элемента" наблюдается что при вводе неверного логина присваивается класс "spann_red" а при вводе верного логина "spann_green", но по факту (визуально на самой форме) выводится только один класс "spann_green". НЕУДАЧНО.

Что значит "но по факту (визуально на самой форме) выводится только один класс"?
Текст разный в инпуте, а цвет фона один и тот же?

Не совсем понял фразы типа "что в не имею доступа к внутренней структуре, задаваемой в"

SVG состоит из объектов, для каждого из которых есть свой PATH. Для него и задаем свойства...

Для удобной работы с DOM SVG:
keith-wood.name/svg.html

Хотя я использую простые анимации через window.requestAnimationFrame();

.col{
  width: 45%;
  display:inline-block;
 float: left;
}

<div class="carte">
<div class="col">
<div class="carte__item">1</div>
 <div class="carte__item">2</div>
  </div>
  <div class="col">
 <div class="carte__item">3</div>
 <div class="carte__item">4</div>
</div>
 </div>

Я что то пропустил? Разве не 12 колонок?

ondblclick="$('#div').removeClass('hidden')"

onclick="$('#div').addClass('hidden')"

opacity 0 - > opacity 1