css3- все статьи тега ➜ страница 3
Как я могу получить определенный номер ребенка с помощью CSS?
у меня есть table чей tds создаются динамически. Я знаю, как получить первого и последнего ребенка, но мой вопрос: есть ли способ получить второго или третьего ребенка с помощью CSS? ...
Как я могу нарисовать вертикальный текст с помощью CSS, кросс-браузер?
Я хочу повернуть одно слово текста на 90 градусов, с поддержкой кросс-браузера (>=IE6, >= Firefox 2, любая версия Chrome, Safari или Opera). Как это можно сделать? ...
Что означает @media screen и (max-width: 1024px) в CSS?
Я нашел этот фрагмент кода в файле CSS, который я унаследовал, но я не могу понять его: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } в частности, что происходит на первой строке? ...
Как вертикально выровнять текст внутри элемента?
Я хотел бы использовать flex box для вертикального выравнивания некоторого содержимого внутри <li> но не имея большого успеха. Я проверил онлайн, и многие из учебников на самом деле используют оболочку div, которая получает align-items:center из настроек flex на родителе, но мне интересно, можно ли вырезать этот дополнительный элемент? Я решил использовать flex box в этом случае, поскольку высота элемента списка будет динамическим %. * { padding: 0; margin: 0; } html, bod ...
Разница между дисплеем: inline-flex и дисплеем: flex
мне трудно понять свойство display:inline-flex;. В чем разница между display:inline-flex; и display:flex;? Я пытаюсь вертикально выровнять некоторые элементы в оболочке ID. Вот почему я дал свойство display:inline-flex; к этому идентификатору; потому что оболочка идентификатора-это контейнер flex. но нет никакой разницы в презентации. Я ожидал, что все в идентификаторе обертки будет отображаться inline. #wrapper { display: inline-flex; /*no difference to display:flex; */ } & ...
Как импортировать шрифт Google Web в файл CSS?
Я работаю с CMS, который у меня есть только доступ к файлу CSS. Итак, я не могу включить ничего в голову документа. Мне было интересно, есть ли способ импортировать веб-шрифт из файла CSS? ...
Как получить box-shadow только на левой и правой сторонах
любой способ получить box-shadow слева и справа (горизонтально?) стороны только без хаков или изображений. Я использую: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); но это дает тень все вокруг. У меня нет границ вокруг элементов. ...
Как перевернуть фоновое изображение с помощью CSS?
как перевернуть любое фоновое изображение с помощью CSS? Возможно ли это? currenty я использую это изображение стрелки в background-image на li в css On:visited мне нужно перевернуть эту стрелку по горизонтали. Я могу сделать это, чтобы сделать еще один образ стрелки но мне просто любопытно узнать, можно ли перевернуть изображение в CSS для :visited ...
Преобразование RGB в RGBA поверх белого
у меня есть шестнадцатеричный цвет, например #F4F8FB (или rgb(244, 248, 251)) что я хочу превращается в как-прозрачный-как-можно цвет rgba (при отображении поверх белого). Есть смысл? Я ищу алгоритм или, по крайней мере, идею алгоритма для того, как это сделать. Например: rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) идеи? FYI решение, основанное на ответе Гуффа: function RGBtoRGBA(r, g, b){ ...
Как центрировать текст по вертикали с помощью большого шрифта-удивительный значок?
Допустим, у меня есть кнопка bootstrap со значком Font-awesome и некоторым текстом: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Как сделать текст вертикально по центру? Теперь текст выравнивается по нижнему краю значка:http://jsfiddle.net/V7DLm/1/ EDIT: У меня есть возможность решение: http://jsfiddle.net/CLdeG/1/ но он чувствует себя немного хаки-вводит дополнительный тег p, использует pull-left и display: table. Может быть, кто-то может ...
Вы можете использовать CSS для зеркального отображения / переворачивания текста?
можно ли использовать CSS/CSS3 для зеркального отображения текста? в частности, у меня есть этот ножницы char"✂" (✂), что я хотел бы отобразить указывая влево, а не вправо. ...
Как сделать мигающий/мигающий текст с помощью CSS 3?
В настоящее время у меня есть этот код: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } он мигает, но он мигает только в "одном направлении". Я имею в виду, он только исчезает, а затем появляется снова с opacity: 1.0, затем снова исчезает, появляется снова ...
преобразование css, зубчатые края в chrome
Я использую CSS3 transform для поворота изображений и текстовых полей с границами на моем веб-сайте. проблема в том, что граница выглядит неровной в Chrome, как игра (с низким разрешением) без сглаживания. В IE, Opera и FF это выглядит намного лучше, потому что используется AA (который все еще хорошо виден, но не так уж плохо). Я не могу протестировать Safari, потому что у меня нет Mac. повернутая фотография и сам текст выглядят нормально, это только граница, которая выглядит зазубренный. CSS ...
Любой способ ограничить длину границы?
есть ли способ ограничить длину границы. У меня есть <div> Это имеет нижнюю границу, но я хочу добавить границу слева от <div> это тянется только на половину пути вверх. есть ли способ сделать это без добавления дополнительных элементов на странице? ...
Цвет фона не отображается в режиме предварительного просмотра
Я пытаюсь распечатать страницу. На этой странице Я дал таблице цвет фона. Когда я просматриваю предварительный просмотр печати в chrome, он не принимает свойство цвета фона... поэтому я попробовал это свойство: -webkit-print-color-adjust: exact; но все равно его не показывает цвет. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> ...
Поддержка "границы радиуса" в IE
кто-нибудь знает, если/когда Internet Explorer будет поддерживать атрибут CSS "border-radius"? ...
Каковы различия между гибкой основой и шириной?
были вопросы и статьи об этом, но ничего убедительного, насколько я могу сказать. Лучшее резюме, которое я мог найти, это flex-basis позволяет указать начальный / начальный размер элемента, прежде чем что-либо еще будет вычислено. Это может быть как процентное, так и абсолютное значение. ...что само по себе не говорит о поведении элементов с flex-basis set. С моим текущим знание flexbox я не понимаю, почему это не может описать ширина также. Я хотел бы знать, как именно flex-basis отли ...
CSS3 анимация перехода при загрузке?
можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? это своего рода то, что я хочу, но на странице загрузки: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html то, что я нашел до сих пор CSS3 переход-задержка, способ задержки воздействия на элементы. Работает только при наведении курсора. ключевой кадр CSS3, работы по нагрузка, но чрезвычайно медленно. Не полезно из-за этого. переход CSS3 достаточно быстро, но не анимации при загру ...
Фиксированные кнопки ширины с Bootstrap
поддерживает ли Bootstrap кнопки фиксированной ширины? В настоящее время, если у меня есть 2 кнопки, "Сохранить" и "загрузить", размер кнопки изменяется в зависимости от содержимого. также каков правильный способ расширения Bootstrap? ...
Bootstrap 3 и Youtube в модальном режиме
Я пытаюсь использовать модальную функцию из Bootstrap 3, чтобы показать мое видео на Youtube. Это работает, но я не могу нажать на кнопки в видео на YouTube. любая помощь на этом? вот мой код: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> ...