JSFiddle

akogch's public fiddles

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Javascript Truthiness Table

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Click

  Как при клике убрать активный класс? https://qna.habr.com/q/1285302

• Private fiddle Extra
• Delete fiddle
Groups Extra
• https://toster.ru/q/366235

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Animation

  http://htmlbook.ru/index.php/css/transition Поработать здесь со значениями переходов анимации.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS on-screen ruler

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Как заполнить SVG при прокрутке

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 border-colors

  Использование CSS3 border-colors для выцветания бордюров на элементах. https://robertnyman.com/css3/border-colors/border-colors.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 background-clip and background-origin

  Использование CSS3 background-clip и background-origin для позиционирования и выбора того, что будет показано для фонового изображения. https://robertnyman.com/css3/background-clip/background-clip.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 background-size

  Использование CSS3 background-size для масштабирования размера фонового изображения. Установите фиксированный размер или настройте его ширину и / или высоту, а также учитывайте соотношение сторон, используя ключевое слово auto. https://robertnyman.com/css3/background-size/background-size.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 Animations

  CSS3 анимации - с ключевыми кадрами, итерациями и многим другим

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 Animations

  Простой, понятный пример

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 multiple backgrounds

  Очень просто и доходчиво. Шикарный пример.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• outline-offset

  Прекрасный, простой пример outline-offset

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Creating Simple tooltip using CSS

  tooltip — очень просто и качественно, чистый CSS

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Stylish focus effect on input text using CSS3

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Ингредиенты

  https://webref.ru/layout/after-before/layout/leading

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nth-child

  https://webref.ru/css/nth-child

• Private fiddle Extra
• Delete fiddle
Groups Extra
• webref.ru

  https://webref.ru/css/first-child

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Табы с js

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 6