css3 — вопросы с ответами

5 ответов
Внутренний div с квадратным соотношением и flexbox [дубликаты]
Я пытаюсь добиться следующего: // [IMG_OUR_ID=174551.site] Где синий ящик имеет переменную высоту, а желтый ящик всегда имеет высоту 50% от синего квадрата. Его довольно простое использование flex <div style="display:flex;align-items:center"> <div id="yellow" style="height:50%"&g...
flexbox
26 июнь 2018, в 13:42
1 ответ
угловая анимация, сдвиньте вправо выдвиньте влево
Я хочу сделать анимацию с переходами ng-show и css, где контейнер перемещается с правой стороны на центр, а затем от центра на сторону LEFT. здесь мой код: <span class="test" ng-show="showContainer == 'first'">Content One</span> <span class="test" ng-show="showContainer == 'second'"...
ng-show
animation
02 июль 2015, в 18:28
2 ответа
CSS3 переходы вместо jQuery
У меня есть некоторые divs следующим образом. <body> <div class="main"> <div class="page1 active"> <p>Page1</p> <button id="btn-about">Page2</button> </div> <div class="page2"> <...
24 сен. 2013, в 15:06
2 ответа
Как получить текст из диалогового окна textarea jquery UI
Я пытаюсь получить текст пользователя, введенный в текстовую область в диалоговом окне подтверждения. Любые идеи как? alert ($('#optionalmessage').text()); похоже, не делает этого. Скриншот здесь $(doument).ready(function () { $("#click").click(function (event) { $("#dialog-confirm")....
24 сен. 2013, в 15:06
1 ответ
У Href's есть ID для прокрутки до Div, но он прыгает и пропускает часть раздела
Этот проект представляет собой веб-сайт, на котором все страницы/разделы представлены на одной странице. Я назначил идентификатор для каждого раздела (sectio1, section2, section3 и т.д.), И я также ознакомился с этим разделом в верхней навигации href, например <a href="**#section2**">**About ...
scroll
24 сен. 2013, в 14:15
1 ответ
стиль не меняется (нужна помощь в медиа-запросе!)
я пытался сделать изображение в центре экрана и минимизировать размер на мобильном дисплее! в моем файле css у меня есть медиа-запрос @media only screen and (min-width: 768px) { .wolver { display:block; width:100px; margin:40px auto !important;} } HTML-код для изображения <img src="img/icons/...
zurb-foundation
23 сен. 2013, в 07:40
1 ответ
Заставить вложенный div показать сверху
У меня есть код, похожий на следующий: HTML <div id="darkOverlay"></div> <div id="content"> <div id="whiteText">I need to be clear bright white!</div> </div> Когда я нажимаю кнопку, я даю divs следующие свойства: $('#darkOverlay').css('background-color','r...
23 сен. 2013, в 01:47
1 ответ
Альтернативные цвета для заголовков на основе селектора nth-child
Я пытаюсь создать альтернативные заголовки цветов без объявления различных стилей заголовка. Я решил использовать селектор nth-child для него и не мог создать нужные мне цвета. JSFiddle: http://jsfiddle.net/CRh6L/ HTML: <h3 class="tips">Header 1</h3> <p class="tips">Lorem ipsum ...
css-selectors
22 сен. 2013, в 05:45
1 ответ
Как вывести блок div при наведении курсора на тег span в разделе?
Я попытался выяснить, как навести курсор на тег span, а затем поднять поле div, которое было настроено? Прямо сейчас у меня есть тег span, приписываемый заголовку, который будет автоматически нависнуть и объяснить, что это такое, но я не хочу использовать его по умолчанию, но вместо этого хочу, что...
hover
22 сен. 2013, в 01:41
1 ответ
Несколько экземпляров свойства перехода среди классов, используемых в одном элементе
Скрипт: http://jsfiddle.net/X2s6W/ CSS: div{ background: green; width: 100px; height: 100px; transition: background 0.5s } div.one{ background: red } div.two{ height: 200px; transition: height 0.5s } JS: setInterval(function(){ if($("div.one").length > 0){ ...
css-transitions
21 сен. 2013, в 21:53
1 ответ
Подменю CSS под его родителем
У меня есть навигация: <ul> <li>Button <div class="sub-container">Sub navigation</div> </li> </ul> Sub-контейнер установлен на непрозрачность 0, а при наведении на непрозрачность LI - на 1. Теперь у меня есть проблема, что суб-контейнер имеет границу, а...
navigation
21 сен. 2013, в 21:10
1 ответ
Выравнивание по вертикали по центру для изображений в сетке фундаментных блоков
Я использую Zurb Foundation 4 в первый раз, когда вы создадите сайт маленькой картинки для друзей. Тестирование @http://wagonbroadcastservice.org/ktest/ Макет должен быть довольно простым: сетка изображений. Использование "блок-сетки" казалось подходящим, но проблема, с которой я столкнулся, закл...
zurb-foundation
21 сен. 2013, в 11:19
2 ответа
Адаптивный дизайн изображения не будет масштабироваться при изменении размеров окна
Im работает над преобразованием существующего сайта в RWD, но боролся с заголовком. Следуя этому руководству (среди прочих на www) http://alistapart.com/article/fluid-images Я не могу получить изображение заголовка на этой (или любой) странице, чтобы ответить соответствующим образом при масштабиро...
responsive-design
20 сен. 2013, в 23:26
1 ответ
Перспектива CSS3 не применяется до завершения анимации
Я работаю над панелью, которая наклоняет (используя CSS) в соответствии с тем, как она нажата. Здесь вы можете увидеть рабочую демонстрацию (в настоящее время только для Chrome): http://jsfiddle.net/NathanFriend/4tXbZ/ Один визуальный недостаток, который я заметил, заключается в том, что перспект...
google-chrome
20 сен. 2013, в 23:17
1 ответ
Воспроизведение видео HTML5 внутри рамки изображения iPhone
Кто-то задал аналогичный вопрос (qaru.site/questions/3943006/...), и они получили базовый ответ без кода. Я последовал их советам и создал свой собственный код. Я пытаюсь воспроизвести видео HTML5 внутри рамки изображения iPhone. Вот так: // [IMG_OUR_ID=174551.site] Мое изображение 300 пиксел...
html5-video
20 сен. 2013, в 08:42
Наверх
Меню