Azotirovanie.ru

Инженерные системы и решения
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Улучшенный таймер и обратный отсчет для; Windows

Улучшенный таймер и обратный отсчет для Windows

Программа Hot Alarm Clock позволяет установить любой временной интервал для таймера обратного отсчета, включая месяцы или годы. Вы также можете создавать цепочки таймеров, а встроенный метроном уведомит вас о приближающемся окончании обратного отсчета.

Будильники, таймеры, секундомеры, часы, список дел, напоминания о днях рождения и все остальное, чтобы организовать свое время и расставить приоритеты.

Будильники

Плавающие окна

Темы оформления

Благодаря 27 темам внешнего вида, включенным в программу Hot Alarm Clock, главное окно, плавающие окна, таймеры, будильники и секундомеры могут выглядеть элегантно и ярко, как вы хотите.

Есть специальные плавающие окна для отображения таймеров, секундомеров или часов. Вы можете установить круглый или цифровой таймер обратного отсчета. Также доступно множество настроек: заголовок, макет, тема оформления, шрифт, прозрачность, размер и т.д.
Подробнее

Таймеры обратного отсчета

Таймеры обратного отсчета отслеживают время, оставшееся до определенного момента. Укажите время (часы, минуты и секунды) и определите, что Hot Alarm Clock должен делать по истечении этого времени: воспроизводить музыку, отображать сообщение и т.д. Подробнее

Настройки таймера

Секундомеры

Запускайте несколько секундомеров в разных окнах или плавающих окнах, чтобы отслеживать несколько событий одновременно. Вы можете настроить формат отображения времени и определить точность подсчета долей секунды. Подробнее

Настройки секундомера

Расширенные настройки будильника

Расширенные настройки будильника

Программа Hot Alarm Clock очень гибкая и полностью настраиваемая. Вы можете установить одноразовый или повторяющийся будильник или использовать произвольный набор даты и времени. Его богатые настройки обязательно позволят вам установить будильник, соответствующий вашим потребностям.
Подробнее

Улучшенное окно напоминаний

Окно напоминаний может содержать список событий. Вы можете выбрать любой элемент, чтобы отложить, закрыть или отредактировать его. В столбце «Оставшееся время» вы можете увидеть, на сколько просрочено каждое событие. Нажмите кнопку «Отложить», чтобы отложить все события на указанное время. Подробнее

Улучшенное окно напоминаний

Настройки звука будильника

Увеличивающаяся громкость аудиоустройства

Компьютерный будильник автоматически отрегулирует громкость звука перед воспроизведением мелодии независимо от текущих настроек вашего ПК. Сигналы с повышением громкости начнутся с воспроизведения тихой музыки, а если вы не проснетесь, громкость будет медленно увеличиваться.

Просыпайтесь под любимые мелодии

Просыпайтесь под любимую музыку! Поддерживая форматы MP3, OGG, WAV, WMA, AIFF и FLAC, Hot Alarm Clock может воспроизводить отдельные мелодии или некоторые из лучших мелодий из вашей коллекции.

Превратите свой компьютер в радиочасы

Ваш компьютер может быть радиочасами! Настройте Hot Alarm Clock, чтобы разбудить вас, настроившись на онлайн-радиостанцию, и он превратится в идеальный радио-будильник. Подробнее

Напоминания о днях рождения

Hot Alarm Clock работает как идеальная программа для напоминания о днях рождения, заранее предупреждая вас о приближающихся днях рождения и других важных событиях. Не полагайтесь на свою память, чтобы не пропустить важное событие. Подробнее

Автоматический переход ПК в спящий режим и пробуждение

Выключить ПК на ночь? Hot Alarm Clock может вывести компьютер из спящего режима непосредственно перед срабатыванием будильника. Он разбудит вас, запустит приложения или откроет ваши любимые веб-сайты. Он даже может автоматически перевести ваш компьютер в спящий режим! Подробнее

Мировые часы

С помощью Hot Alarm Clock вы можете просматривать время в других городах, настраивая дополнительные часы, отображающие время в других часовых поясах. Если вы носите с собой ноутбук, при изменении текущего часового пояса автоматически обновляется местное время. Подробнее

[Функции] Таймер обратного отсчета времени в часах Casio — виды и настройка

В данной статье детально разберем функцию таймера в часах Casio. Все когда-либо пользовались таким инструментом, разве нет? Казалось бы, очень простые настройки — выбрал время, нажал кнопку и все готово. Но, как и со всеми остальными функциями, есть несколько нюансов, которые нужно знать и понимать. Касиовцы умудрились внедрить таймер даже в некоторые аналоговые [полностью стрелочные] модели. По ходу материала вы узнаете о параметрах таймера, видах оповещений и вариантах использования обратного отсчета. Будем очень рады вашим комментариям и поправкам [если таковые будут].

Читайте так же:
Счетчики для mail блога

У всех цифровых [и даже у некоторых аналоговых] часов Casio есть функция таймера обратного отсчета времени. Принцип работы очень простой — задаем целевое время [или несколько интервалов времени] и запускаем отсчет. По истечении заданного промежутка времени, часы издают звуковой сигнал, тем самым оповещая нас об остановке таймера. Данная функция очень полезна спортсменам, чтобы засекать определенные промежутки времени при выполнении упражнения. Также таймеры могут повсеместно использоваться в быту, на кухне например, при приготовлении пищи, или если вам нужно принять лекарство через определенное время после какого-либо события [каждый выбирает свое использование].

Таймер обратного отсчета получил несколько параметров [цифры, представленные ниже, касаются только часовой продукции Casio]:

  • Диапазон обратного отсчета — количественное значение времени, которое может обработать таймер. Минимальное значение – 60 минут, максимальное – 100 часов [например, спортивная модель Casio W-734].
  • Измерительная единица — шаг измерения. Чаще всего это одна секунда. Минимальное значение – 1/10 секунды.
  • Диапазон времени начала и конца отсчета — минимальное и максимальное время с которыми работает таймер. Чаще всего это диапазон от 1 минуты до 24 часов. Бывают таймеры от 1 секунды и вплоть до 100 часов.
  • Точность выставленного времени — численный параметр, определяющий близость полученного значения к истинному. Чем меньше этот параметр, тем точнее будет выставленное время в таймере. Зачастую точность можно выставить поминутно и почасово, но иногда и посекундно [в некоторых спортивных моделях]. Параметр тесно связан с предыдущим — если таймер можно начать только с 1 минуты, то шаг приращения тоже будет 1 минута.
  • Режим работы таймера — автоповтор и режим с последующим измерением. Автоповтор — при достижении нуля раздается звуковой сигнал и обратный отсчет запускается снова с ранее установленного значения. Пригодится тем, кто выполняет однотипные действия несколько раз подряд. Режим с последующим измерением — при достижении нуля таймер автоматически переходит на измерение времени.
  • В некоторых моделях часов Casio есть звуковая функция сигнального оповещения процесса измерений таймера [progress beeper], принцип работы которой мы опишем чуть ниже.

Некоторые модели имеют несколько независимых таймеров, например у G-Shock GWX-5600 их 2.

Работа с таймером. Рассмотрим последовательность действий по работе с таймером на примере G-Shock GLS-6900 .

  • Войдите в режим таймера, с помощью кнопки C. На экране отобразится индикатор TMR.

  • Прежде чем приступить к работе с таймером, нужно настроить его параметры.
  • Для включения автоповтора в режиме таймера зажмите кнопку A. Время таймера начнет мигать. С помощью кнопки C выбираем нужную настройку [на рисунке – auto-repeat].

  • Нажмите кнопку D, чтобы включить или выключить режим автоповтора.
  • Теже действия можно выполнить и для настройки сигнального оповещения [process beeper]. Если включить эту настройку, часы будут издавать звуковой сигнал в установленные промежутки времени, поэтому вы будете информированы об оставшемся времени, не отвлекаясь на циферблат часов.
  • По такому же принципу настраиваются часы и минуты таймера.
  • Нажмите кнопку A для выхода из экрана настройки.

Подробнее о сигнальном оповещении

  • За 5 минут до окончания времени таймера, часы издают 4 коротких звуковых сигнала после каждой прошедшей минуты.
  • За 30 секунд до окончания времени таймера часы издают 4 коротких звуковых сигнала.
  • Далее за 10 секунд до окончания времени таймера, часы каждую секунду издают звуковой сигнал.
  • Если вы выставите время таймера на 6 минут и более, часы будут издавать звуковой сигнал каждую секунду в течение последних 10 секунд перед достижением 5 минут. При достижении 5 минут, прозвучит 4 коротких сигнала.

Использование таймера обратного отсчета

  • В режиме таймера нажмите кнопку D, чтобы запустить отсчет времени. Отсчет продолжится, даже если вы выйдете из режима таймера.
  • Чтобы приостановить или возобновить отсчет, нажмите кнопку D.
  • Чтобы полностью остановить таймер, нажмите D, потом B.
Читайте так же:
Водомерный узел со счетчиком ду25

Иногда при выполнении какого-либо упражнения, необходим отдых. Для этого был предусмотрен таймер, который отсчитывает один за другим 2 разных интервала времени, и повторяющий их автоматически. Например, вы пробежали 10 минут, и 5 минут нужно отдохнуть. Данный принцип реализован в часах Casio W-S220.

На примере G-Shock GW-A1100 разберем принцип работы таймера в аналоговых часах.

  • Для перехода в режим таймера поочередно нажимайте кнопку C. Стрелка нижнего циферблата укажет на TR.
  • Таймер можно установить в диапазоне от 1 до 60 минут. По окончании обратного отсчета в течение последних 10 секунд каждую секунду будет звучать звуковой сигнал.
  • Секундная стрелка [2] указывает на секунды таймера, минутная [3] – на минуты.

  • Во время работы таймера все стрелки часов движутся в обратном направлении.
  • Вытяните заводную головку для перехода в режим настройки таймера. Для настройки времени вращайте головку.
  • Для начала или приостановки отсчета времени нажмите кнопку A. Для сброса – кнопку B.
  • Для остановки звукового сигнала можно нажать любую кнопку.

Вывод

Использование таймера может значительно облегчить многие бытовые процессы, не говоря уже о спортивных занятиях. В умелых руках простой, казалось бы, инструмент, превращается в надежного помощника для достижения поставленных целей.

yamakot

Люблю разбираться во всяких тонкостях часов японского производителя. Активно поддерживаю идею «настоящие ударопрочные G-Shock-и должны быть цифровыми», при этом не отказываюсь от ана-диджи. Новости, обзоры, лукбуки — вношу свою лепту в популяризацию часовой продукции Casio в русскоязычном сегменте интернета.

Таймер и «таймер выключения» в windows 10

Где таймер на Window 10? Как включить таймер выключения. Как запустить таймер отключения на Window 10!?

Всё о таймере на windows 10

Что такое таймер и где он в windows 10

Что такое таймер!? Таймер это устройство(программа), которая умеет считать в обратную сторону! От установленного к нулю.

Оказалось, что на Windows 10 есть таймер! Надо же! Не прошло, каких-то жалких 20 лет.

Через меня прошло, 3 ОС. И уже судя по ним, то можно было предположить, что всякую хрень будут добавлять, но только то, что не нужно! Так я и подумал по Windows 10! В очередной раз вспоминая про такую удобную вещь, как таймер обратного отчества, когда работаешь за компом!

Где находится таймер в Windows 10!?

Самый простой способ найти таймер в Windows 10 – ищем лупу на панели задач. Вбиваем в окно поиска будильник. И видим, что у нас есть будильники – нажимаем…

Где находится таймер в Windows 10!? Где находится таймер в Windows 10!? К сожалению, кроме выдавливания из себя сигнала , системный таймер больше ничего не может!

Как запустить таймер(отсчет обратного времени) в windows 10

После чего мы попадаем в меню управления всеми таймерами будильниками и секундомером – выбираем таймер.

Здесь же мы видим несколько кнопок. Которые нас будут интересовать… слева направо, первая кнопка – вернуть таймер в начальную точку, вторая – запустить таймер,

Как запустить таймер(отсчет обратного времени) в windows 10 Как запустить таймер(отсчет обратного времени) в windows 10

И третья кнопка – это сделать таймер во всю ширину и высоту окна программы.

Как запустить таймер(отсчет обратного времени) в windows 10 Как запустить таймер(отсчет обратного времени) в windows 10

Если мы нажимаем на часы (первое фото) и у нас открывается новое окно, где мы можем настроить время таймера.

Здесь устанавливаем то, время которое вам нужно для отсчета и внизу еще видим кнопки управления таймером.

Как запустить таймер(отсчет обратного времени) в windows 10 Как запустить таймер(отсчет обратного времени) в windows 10

После окончания таймера вы услышите звуковой сигнал, и справа должна появиться всплывающее окно.

Как запустить таймер(отсчет обратного времени) в windows 10 Как запустить таймер(отсчет обратного времени) в windows 10

Как включить таймер отключения компьютера «windows 10» через «панель выполнить»

Как я уже сказал, про выше описанный таймер, кроме тупого сигнала, он ничего не может!

Читайте так же:
Яндекс счетчик разные страницы

Но есть ли способ включить таймер отключения компьютера windows 10!? Конечно! Есть несколько способов запустить таймер отключения в windows 10, рассмотрим это действие через «панель выполнить»:

Нажимаем «[WIN]» + R, у вас должна появиться панель «Выполнить» :

Как включить таймер отключения компьютера ‘windows 10‘ через ‘панель выполнить‘ Как включить таймер отключения компьютера ‘windows 10‘ через ‘панель выполнить‘

Вводим «shutdown -s -t ВРЕМЯ В СЕКУНДАХ » и нажимаем энтер и справа появляется оповещение системы, что включен таймер отключения компьютера и что он отключится через то время, которое вы установили!

Как включить таймер отключения компьютера ‘windows 10‘ через ‘панель выполнить‘ Как включить таймер отключения компьютера ‘windows 10‘ через ‘панель выполнить‘

Как включить таймер отключения компьютера windows 10 через «командную строку»

Чем отличается таймер отключения в windows 10 через «панель выполнить» и таймер отключения компьютера windows 10 через командную строку!? тем, что есть дополнительное коно в виде командной строки.

Вводим «[cmd]» и нажимаем энтер.

Как включить таймер отключения компьютера windows 10 через ‘командную строку‘ Как включить таймер отключения компьютера windows 10 через ‘командную строку‘

В командной строке вводим тоже самое: «shutdown -s -t ВРЕМЯ В СЕКУНДАХ » и нажимаем энтер

Как включить таймер отключения компьютера windows 10 через ‘командную строку‘ Как включить таймер отключения компьютера windows 10 через ‘командную строку‘

Как запустить таймер отключения компьютера windows 10 через .bat файл

Зачем нужны [bat] файл!? Если уже есть включение таймера из панели «выполнить» и «командной строки». Ну, например, что легче, создать файл на рабочем столе(или в любом другом месте) и кликнуть по нему, либо вспоминать, а что там эта за команда, где я я её записал, где этот файл куда записал и т.д. и тут один файл, нажал и готово!

Нажимаем по тому месту где у вас будет лежать «батник» [ПКМ]

Создать текстовый документ :

→ через .bat файл » title arrow»>→ через .bat файл «> Как запустить таймер отключения компьютера windows 10 через .bat файл

Внутри него(текстового документа) записываем(в любой программе, например блокнот) точно такую же команду, что мы разбирали ранее:

→ через .bat файл » title arrow»>→ через .bat файл «> Как запустить таймер отключения компьютера windows 10 через .bat файл

Далее переименовываем наш текстовый файл, во что-то логичное, например в TIMER-EXIT.bat

→ через .bat файл » title arrow»>→ через .bat файл «> Как запустить таймер отключения компьютера windows 10 через .bat файл

И далее нажав по этому файлу, вы получите тот же самый результат:

«Таймер отключения системы включен!«

→ через .bat файл » title arrow»>→ через .bat файл «> Как запустить таймер отключения компьютера windows 10 через .bat файл

Запустить таймер отключения windows 10 по нажатию на кнопку клавиатуры

Повторяем, все действия. которые описаны в этом пункте

После того, как ваш «батник» готов, нажимаем по нему [ПКМ].

Ищем строку отправить рабочий стол(создать ярлык)

→ по нажатию на кнопку клавиатуры » title arrow»>→ по нажатию на кнопку клавиатуры «> Запустить таймер отключения windows 10 по нажатию на кнопку клавиатуры

Нажимаем по ярлыку [ПКМ] свойства быстрый вызов сочетание клавиш :

→ по нажатию на кнопку клавиатуры » title arrow»>→ по нажатию на кнопку клавиатуры «> Запустить таймер отключения windows 10 по нажатию на кнопку клавиатуры

Проверяем на работоспособность запуска таймера отключения windows 10 — иногда единичные кнопки не срабатывают! Нужно найти ту, которая будет срабатывать, либо ввести сочетание клавиш!

Как выключить таймер отключения компьютера windows 10

Для двух случаев

1). выключить «таймер отключения windows 10 через панель выполнить » и
2). выключить «отключение windows 10 через командную строку » будут аналогичными!

Вводим команду «shutdown -a» и нажимаем энтер:

Читайте так же:
Цифры для счетчика обратного отсчета

Как выключить таймер отключения компьютера windows 10 Как выключить таймер отключения компьютера windows 10

И система вам скажет, что ваш таймер выхода из системы выключен:

Как выключить таймер отключения компьютера windows 10 Как выключить таймер отключения компьютера windows 10

Нет времени объяснять! Пишем таймер обратного отсчёта на чистом CSS

CSS – мощный инструмент современного разработчика. Он многое умеет, в нём есть переменные, функции, наследование и ещё много крутых штук. Но всё-таки это не язык программирования – у него совсем другая сфера ответственности. Тем интереснее использовать CSS для решения задач программирования 🙂 Именно этим сегодня и займёмся.

Дисклеймер! Многие вещи в принципе невозможно сделать на CSS. Ещё больше вещей делать на CSS нерационально. Мы занимаемся этим только из болезненного любопытства и стремления познать все скрытые возможности инструмента.

Условие задачи

Нужно сделать таймер обратного отсчёта. Предъявляемые требования:

  • Таймер должен выводить миллисекунды от 99 до 0.
  • Когда остаётся меньше 10 миллисекунд, нужно выводить только одну цифру (от 9 до 0) и центрировать её.
  • Бонус #1: Цвет шрифта и фона можно настраивать в процессе работы (без кусочка JS не обойтись).
  • Бонус #2. После остановки таймера его можно перезапустить.
  • Код должен работать и на ПК, и на мобильных устройствах.

Чтобы выполнить указанные условия, пойдём напролом. Все нужные цифры (от 0 до 9) запишем прямо в базовую разметку страницы. Затем для имитации таймера анимируем их в нужном ритме и правильной последовательности.

Да, не очень элегантно. Но сработает, вот увидите.

Что нам потребуется?

  1. CSS трансформации
  2. CSS анимации
  3. Flexbox-модель
  4. CSS переменные
  5. Различные селекторы

Вот что получится в итоге:

Реализация на JavaScript

Сразу посмотрим, как это можно было сделать на JS.

Простой и понятный код, состоящий из пары функций. Для обновления таймера подписываемся на момент перерисовки браузера с помощью метода window.requestAnimationFrame().

Всего пара блоков в HTML:

И элементарные стили для выравнивания:

Согласитесь, ровным счётом ничего интересного. Поэтому бросаем эту ерунду и идём писать по-настоящему крутой таймер.

Общий подход

Сложно придумать более прямое решение, чем простое перечисление в HTML всех цифр. Расположим их в две группы (два разряда). По мере необходимости будем скрывать ненужные символы.

Анимация будет заключаться в простом прокручивании каждого блока по вертикали. В каждый момент времени в каждой колонке будет отображаться только одна цифра.

CSS трансформации

Большинство CSS-свойств плохо подходят для анимирования, так как их изменение вызывает перерисовку страницы. Но есть два «безопасных» свойства, которыми мы можем воспользоваться: transform и opacity .

Подробнее об анимации в вебе можно прочитать в замечательном руководстве High Performance Animations.

Для оживления таймера возьмём надёжное свойство translateY . Оно обеспечит перемещение блока только по y -оси.

Можно воспользоваться и полным свойством translate , но помните, что его первый аргумент соответствует x -координате. Если хотите перемещать элемент только по вертикали, то передайте первым параметром 0 .

Чтобы лучше понять функции трансформации, загляните в спецификацию CSS Transforms Module Level 1. Там всё разобрано на подробных примерах, так что вы разберётесь, даже если не очень любите математику.

CSS animations

Следующий шаг – анимировать применение трансформаций. Для этого мы используем CSS-анимации.

Самое важное правило, которое вы должны знать, – это @keyframes. Оно позволяет разбить анимацию на кадры и описать каждый из них в отдельности.

Здесь мы создали две анимации – по одной для каждого блока с цифрами.

Обратите внимание на два последних кадра в анимации первого блока. В этот момент там должна отображаться цифра 0 , но она нам не нужна, поэтому скрываем её с помощью width: 0 .

Чтобы применить анимации, используем краткий синтаксис свойства animation :

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

Читайте так же:
Зачем ставить обратный клапан после счетчика

animation-name

Имя анимации, использующееся для её идентификации. Для него можно использовать латинские буквы, цифры, нижнее подчёркивание и дефисы. Первой должна идти буква. В начале не могут стоять зарезервированные слова none , unset , initial или inherit , а также сочетание — . Р егистр символов имеет значение.

animation-duration

Продолжительность одного цикла анимации. Для первой колонки цифр анимация будет длиться 10 секунд ( 10s ). Вторая колонка двигается в 10 раз быстрее ( 1s ).

animation-iteration-count

Количество циклов анимации, которое должно выполниться до ее остановки. Первую колонку нужно прокрутить лишь один раз – от 9 до 0. Вторую – целых 10 раз, по одному на каждое положение первой колонки.

animation-timing-function

Это свойство описывает прогресс анимации в течение одного цикла. Если вы знакомы с кривыми Безье, то можете контролировать его до мельчайших подробностей с помощью функции cubic-bezier() . Для простых смертных есть несколько готовых значений animation-timing-function, обозначенных ключевыми словами ( ease , ease-in и т.д)

Нам же больше подойдёт значение step-end . Это то же самое, что и steps(1, jump-end) .

Функция steps() разбивает анимацию на равные «шаги», то есть величина изменяется не плавно, а прерывисто. Первый аргумент – количество шагов, второй – момент, когда начинается анимация. Ключевое слово jump-end означает, что анимация запускается в конце, а не начале каждого шага.

Чтобы лучше разобраться в этой функции, обратитесь к статье Дэна Уилсона Jumps: The New Steps() in Web Animation.

animation-fill-mode

Состояние целевого объекта до и после завершения анимации. Нам требуется, чтобы колонки останавливались на последней цифре (последний ключевой кадр), поэтому используем значение forwards .

Когда анимация остановится, первая цифра будет скрыта, а вторая колонка замрёт на позиции -9em .

Ещё больше о CSS анимациях вы можете узнать в спецификации CSS Animations Level 1.

Flexbox

Цифру 0 в первом разряде мы уже скрыли с помощью инструкции @keyframes , осталось только выровнять таймер по центру страницы:

Для вертикального выравнивания используем автоматический расчёт маргинов у потомка флекс-контейнера. Другими словами, назначаем display: flex родительскому блоку, и margin: auto дочернему.

Горизонтальное выравнивание достигается обычным text-align: center .

Больше информации о Flex-модели – в спецификации CSS Flexible Box Layout Module Level 1.

Бонус #1: Динамическое изменение цвета

В условиях задачи была также бонусная возможность кастомизации цвета текста и фона нашего таймера.

Используем для ее решения кастомные свойства CSS и инпут выбора цвета.

Положим цвета в переменные:

И используем их в таймере:

Добавим на страницу два инпута для изменения цветовой схемы:

Теперь придётся написать пару строк JS-кода, чтобы динамически изменять переменные цветов при изменении инпутов:

Да, не всё можно решить на чистом CSS.

Бонус #2: Перезапуск таймера

Сейчас таймер отрабатывает только один раз. Чтобы запустить его сначала, необходимо перезагрузить страницу. Давайте добавим возможность перезапуска.

Возможно, вы подумали, что нам придётся снова смошенничать и добавить JavaScript? А вот и нет, мы справимся своими силами!

Воспользуемся чекбоксом, который обладает состоянием checked . Мы легко можем получить к нему доступ из CSS.

Теперь анимация работает только при включенном чекбоксе, а при выключенном таймер сбрасывается и возвращается в исходное состояние.

Важно, чтобы чекбокс находился на одном уровне с таймером и стоял в разметке перед ним. Это даст нам возможность воспользоваться селектором «сиблингов» (

). А лейбл для него может находиться где угодно.

Мы успешно завершили наш небольшой CSS only эксперимент. Вряд ли вы будете решать подобную задачу такими методами в реальной жизни, однако, нестандартный ход мыслей всегда пригодится.

Не ограничивайте себя общепринятыми рамками, копайте глубже, ищите разные подходы, изучайте инструменты, которыми вы пользуетесь.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector