Описание тега pure-css

Это CSS с минимальным размером. Pure смехотворно крошечный. Размер всего набора модулей составляет 4,0 КБ * в мини-сжатии и сжатии. Pure основан на Normalize.css и предоставляет макет и стили для собственных HTML-элементов, а также наиболее распространенные компоненты пользовательского интерфейса.
1 ответ

Центрирование объекта в пределах ширины сетки с использованием PureCSS

У меня есть HTML-шаблон, в который встроен PureCSS, чтобы я мог начать создавать макет. У меня есть объект, который имеет ширину 20-24 из 24 разделенных сеток. У меня есть форма внутри блока сетки, в котором она находится. Я хочу центрировать содерж…
29 ноя '17 в 04:38
0 ответов

Прокрутка фона параллакса в режиме редактора в сравнении с полной страницей

Я пытаюсь добиться прокрутки параллакса с фоновыми изображениями, все еще располагая изображение так, чтобы "начальная точка" была наиболее релевантной. Когда я в редакторе CodePen, фоновое позиционирование работает; однако, при полном просмотре стр…
10 май '18 в 11:54
3 ответа

:hover style на div с изображением, которое не срабатывает

Я пытался сделать эффект наложения наложения на веб-сайте с чистым CSS <div class="col-md-4 port-show"> <img class="img-responsive" alt="" src=""> <h2 class=""></h2> <ul> <li></li> <li></li> <…
21 сен '16 в 07:38
1 ответ

Текст метки перепутан с выбором Pure CSS

PLNKR пример проблемы На этикетке написано Group By, но буквы почему-то накладываются. Вот HTML-код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Label font</title> <script src="https:…
01 авг '16 в 09:03
1 ответ

Кнопки радио Pure CSS показывают / скрывают отдельный слой DIV

Я хочу, чтобы пользователь выбрал переключатель, чтобы отобразить текстовое поле с использованием чистого CSS. Я разработал радио-кнопки, но не смог заставить их работать. Я уверен, что это может быть сделано, я думаю, что я просто неправильно набир…
01 авг '18 в 16:14
2 ответа

Полное позиционирование, нужно чистое решение CSS

После двух дней размышлений, попыток и экспериментов с абсолютным позиционированием, отображением inline/inline-block, flex display и так далее... Я так и не нашел ответа на вопрос - "Как стилизовать позицию метки метки времени, показанную на скринш…
18 июн '16 в 20:18
1 ответ

Yahoo PureCss Вертикальная навигация

Привет, я новичок в PureCss из Yahoo. Я пытаюсь сделать вертикальную навигацию со складными элементами, я удивляюсь, почему ul в l i не показывает никакого отображения. Нет другой CSS. Только PureCss из Yahoo. это мой код: <div class="pure-u" id=…
14 сен '13 в 02:32
1 ответ

Разрыв, созданный полосой прокрутки в сайтах прокрутки параллакса CSS

Я большой поклонник техники чистого параллакса Кейта Кларка и с некоторым успехом использую ее на одном из своих сайтов. Однако недавно я заметил, что фоновые параллакс-элементы, даже в его собственной демонстрации, не упираются в левую сторону экра…
06 июл '18 в 02:14
2 ответа

Модальное окно - чистый CSS

Когда я создаю модальный режим, у меня возникают проблемы с пониманием того, почему тег тега article должен быть вложен в этот тег div для открытия модального элемента. Если бы кто-нибудь мог объяснить, почему это было бы необходимо, и, возможно, об…
05 сен '18 в 00:13
2 ответа

Требуется автономный редактор HTML5 и Pure-CSS, а также программа просмотра.

Есть ли БЕСПЛАТНАЯ офлайн-программа для веб-дизайна, которую я могу использовать для редактирования и просмотра своих веб-страниц? У меня есть некоторое время простоя на работе между задачами, и я хотел работать на своих сайтах, не используя их Wi-F…
08 ноя '16 в 17:51
1 ответ

Как настроить элементы управления аудио HTML5 без использования JavaScript (Pure CSS)

Мне нужно настроить аудио контроль HTML5 следующим образом: Кто-нибудь может решить мою проблему? Вот что у меня так далеко: audio::-webkit-media-controls-panel { background-color:powderblue; } // audio::-webkit-media-controls-mute-button // audio::…
03 май '18 в 04:24
0 ответов

Как центрировать сайт в чистом виде

Я использую чистый фреймворк, который, кажется, не обеспечивает механизм для центрирования всей страницы. Я нашел следующий фрагмент: #container { width:100%; max-width:750px; margin: 0 auto; } На рабочем столе все работает нормально: Но на мобильно…
21 май '17 в 19:10
1 ответ

Эффект чистого параллакса CSS, создающий неровные участки

Я пытаюсь создать очень простой веб-сайт с четырьмя разделами, используя эффект параллакса. Каждый раздел имеет фоновое изображение, заголовок и подзаголовок. Несмотря на то, что все четыре изображения имеют одинаковую высоту (600 пикселей), только …
20 ноя '17 в 21:10
0 ответов

Непрерывный тикер Pure CSS

Я достиг тикера с чистым CSS, есть небольшая проблема, которую я не могу исправить. Я хочу, чтобы тикер был непрерывным без пробелов. т.е. после того, как свиток "пункт 2" заканчивается, пункт "1" должен появиться немедленно. В настоящее время, если…
21 мар '17 в 10:50
1 ответ

Использование NPM для файлов CSS в проекте Node

Обычно, когда я создаю веб-страницу, я включаю некоторую библиотеку, такую ​​как начальная загрузка из CDN. Теперь я хочу автономную веб-страницу (на самом деле я использую электрон... но то же самое) в среде Node. Я выбрал Pure в качестве основы. И…
19 май '18 в 18:37
2 ответа

Pure css change Большое изображение при наведении на миниатюры

У меня есть этот HTML-код: <div class="main-img"> <img id="main" src="http://i.ebayimg.com/00/s/NjU1WDgwMA==/z/HWIAAOSw8vZXMKGK/$_1.JPG?set_id=880000500F" alt="Teak Cleaner - 1lt bring back the original colour of teak/hardwood - Teak care" …
01 июн '17 в 07:21
1 ответ

CSS меню со стрелкой вниз

a:hover,a:focus{ text-decoration: none; outline: none; } .tab .nav-tabs{ border-bottom: 2px solid #ddd; } .tab .nav-tabs li{ margin: 0 2px 0 0; position: relative; } .tab .nav-tabs li.active:before{ content: ""; position: absolute; bottom: -28px; l…
12 май '17 в 08:52
2 ответа

Почему мое подменю Pure.css не отображается при нажатии?

Согласно документации Pure.css, при нажатии на кнопку должно появиться выпадающее меню. Option3, но это не так. Почему это? .custom-restricted-width { width: 150px; } <link href="https://unpkg.com/purecss@0.6.1/build/pure-min.css" rel="stylesheet…
27 дек '16 в 02:13
1 ответ

Дорожная карта Purecss и статус проекта

Кто-нибудь знает статус проекта фреймворка Purecss? Из их блога и github он кажется мертвым проектом.
13 ноя '16 в 15:32
2 ответа

SVG сирена CSS анимация

Я пытаюсь воспроизвести эту сирену в анимации SVG. Вот что я создал: svg { height: 200px; } #siren { animation: flash 1s linear infinite; } #line1, #line2, #line3 { stroke-dasharray: 10; animation: line-dash 1s forwards infinite; } @keyframes line-d…
03 ноя '17 в 03:51