Articles of css3

Анимация кругового круга (процент) с помощью css

Как я могу сделать круговые круги, которые находятся на следующем сайте: http://www.awwwards.com/ Для моего сайта мне не нужно быть динамичным. По крайней мере, не в этот раз. Я опробовал различные решения, как с Javascript, так и с CSS, но я не уверен, что лучший способ создать это. -moz-transform: rotate(270); -webkit-transform: rotate(270); -o-transform:rotate(270deg); transform: rotate(270deg); transition: […]

Фоновое изображение не отображается в теге span

У меня возникают проблемы с тегом span, показывающим фоновое изображение в последнем FF на windowsх 7. Кажется, что он работает и показывает все в более ранних версиях FF, Chrome, Safari и IE, но карманные устройства и windows 7, похоже, терпят неудачу. Извините, если это кажется расплывчатым, я просто не могу понять это, изображения были изначально […]

Сплит-панель с использованием свойства CSS3 Resize

Я пытаюсь resize панели с помощью свойства CSS3. Вот код: div.left, div.right {float: left; outline: solid 1px #ccc; resize: both; overflow: auto;} div.left {width: 20%} div.right {width: 80%} Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Проблема в том, что если я изменяю размер левого div, правый […]

li элементы, не подчиняющиеся радиусу границы при преобразованиях

Код в JSFiddle ниже создает панель меню, которая имеет границу вокруг нее. Я подумал, что было бы неплохо, если бы я добавил эффект на элемент li когда вы нажимаете его, чтобы показать, что элемент li active . Для этого я добавляю следующий перевод на элемент li когда он active box-shadow: 0 -3px hsl(180, 0%, 22%); […]

Репликация фильтра CSS с помощью jQuery

У меня проблема, когда я пытаюсь реплицировать некоторые функции фильтра, найденные в CSS, но на данный момент он работает только в браузерах WebKit из-за отсутствия поддержки фильтра Firefox. Более подробную информацию об особенностях можно найти здесь> Firefox Filter Animations В частности, я пытаюсь реплицировать -web-kit-filter: hue-rotate (x) в jQuery, вы можете увидеть анимацию webkit здесь: […]

Простая проблема с таблицей HTML

Я кодирую в PHP, и я кодирую для простой таблицы HTML. В этой таблице столбцы редактируются, и есть type=number ввода type=number используемый для ограничения записи отрицательного значения в именах столбцов: столбцы «Коробка», «Ширина», «Глубина», «Высота» и «Акт». Но он не работает, создавая проблему с type=”number” ввода type=”number” и min=”0″ внутри таблицы html. Вот ссылка: http://sea.studioscue.in/test.php

Как сделать масштабирование только фоновым изображением?

Я создал пример с ключевым фреймом для увеличения и уменьшения фонового изображения. Это работа, но и изменение внутреннего текста. @-webkit-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px } 50% { } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; ; } } @-moz-keyframes snow { 0% { background-position: 0px 0px, […]

Почему создание стиля тега «позиция: относительное» приводит к тому, что абсолютный позиционный div начинается ниже?

Если я делаю div (в верхней части страницы), имеет margin-top: 10px , тогда абсолютно позиционированный div (то есть на более высоком z-index и вне этого div и вне родителя div ) начинается не top: 0px но при 10px ! http://jsfiddle.net/afv3gze7/ Почему это? Просто удалив position: relative на теле исправляет все (но вызывает проблемы с другими […]

Добавление направленных ребер в графический визуализатор на основе CSS

См. Эту визуализацию на основе CSS для графиков. Любая идея, что является самым простым способом добавления направлений к ребрам (например, стрелки на краях)?

Эффект Pin-Board с CSS

Взгляните на эту скрипку Я хочу, чтобы div 4 был выше, поэтому он ближе к div 1 , но с неповрежденными полями, вроде как стиль Pintest pin-board, кто-нибудь знает, как это сделать? HTML: 11 2 3 4 5 CSS: div { display:inline-block; background-color:#CCC; float:left; width:200px; margin:10px 20px; } body { width:500px; } Div 4 не […]

Intereting Posts
Как найти ширину div, используя необработанный JavaScript? Форсировать содержимое HTML, чтобы оно соответствовало ширине устройства с помощью WkWebview d3 барная диаграмма, скрытая в firefox, но не в хромированном состоянии Анализ содержимого тега для показа HTML-содержимого с помощью HtmlAgillityPack Не удается ввести поле ввода с помощью Microsoft Edge и Safari Проблемы с использованием jsoup для parsingа таблицы HTML php, отправляющий электронную почту, но не в порядке Обновите изображение в браузере каждые x миллисекунд Как я могу изменить маршрутизацию в Угловом из-за пределов области Углового приложения? Как загрузить внешний файл html в div Удалить полноэкранное оформление windows / пограничный режим Chrome OS / режим киоска Заполнить элемент SVG фоновым изображением со смещением Почему HttpServletRequest.getRemoteAddr () не работает в сервлете Java? Фоновое изображение не будет отображаться на iOS, но отлично отображается в других браузерах HTML препятствует пробелу на странице прокрутки