Вот мой пример:
http://jsfiddle.net/dkf42wk7/3/
Идея в том, чтобы при чеканьи импута показывать контент.
Источник:
http://www.sitehere.ru/animirovannye...a-css3-i-html5
Тильда "~" в это вопросе не помогает.(
И насколько я знаю родительского селектора у нас нет.
Подскажите, пожалуйста, падавану - как обойти красиво этот способ?
Хотелось бы сохранить семантику разделения табов и контента.
Для примера можете проследить как будет появляться контент добавив первому section такой стиль:
|
Код:
|
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
z-index: 100;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all ease-out 0.2s 0.1s;
-moz-transition: all ease-out 0.2s 0.1s;
-o-transition: all ease-out 0.2s 0.1s;
-ms-transition: all ease-out 0.2s 0.1s;
transition: all ease-out 0.2s 0.1s; |
Спасибо заранее!!
