Обновить
11
0
Yauheni @wcoder

Мобильная разработка

Отправить сообщение
Если остались у кого-нибудь еще купоны, скиньте в личку, пожалуйста!
Минусы: Текст в input — фоновое изображение.
Прочитав статью решил по экспериментировать, ниже реализация с использованием input:focus:

HTML:
<section>

		<input type="text" value=" "/>		
		<input type="text" value=" "/>
		<input type="text" value=" "/>

		<hr/>

		<article>Text 1</article>
		<article>Text 2</article>
		<article>Text 3</article>	
	
	</section>


CSS:
		input
		{
			text-indent: -999999px;
			cursor: pointer;
			border: 0;
			outline: none;
			background: #0F0;
			width: 50px;
		}

		input:focus
		{
			background: #F00;
		}

		input:focus + input + input + hr + article,
		input:focus + input + hr + article + article,
		input:focus + hr + article + article + article
		{
			display: block;
		}

		article
		{
			display: none;			
		}

		/* Hack for Webkit */
		section {-webkit-animation: 0.1s hack infinite}
		@-webkit-keyframes hack{from{margin:0;padding:0}to{margin:0;padding:0}}

Думаю нужно отписаться, кто какие использовал, а то один и тот же 5 человек пробуют и не проходят 3 шаг…
Еще несколько:
356002040345346
356002040355345
356002040305340
356002040305654
356002040387645

Автору, огромное спасибо!
> заведи второй аккаунт
хорошая мысль
Интересная идея, посмотрим что из этого выйдет!
Спасибо, подправил
Подправил листинги CSS приведенные в топике.

Информация

В рейтинге
Не участвует
Откуда
Минск, Минская обл., Беларусь
Зарегистрирован
Активность

Специализация

Fullstack Developer, Mobile Application Developer
Lead