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

HTML CODE <ul id="info"> <li> <h3><span>Text1</span>Text2 <img src="path" alt="" /> </h3> <p> DATA1 </p> <p class="descrip"> DAT...

Можно ли спроектировать то, что показано на изображении, используя только html и css? Если да, то как? Если нет, какова альтернатива? создавая прозрачное изображение с двумя цветными углами и применяя его как фоновое изображение к div, которое содержит текст, на мой взгляд. Есть ли лучший способ...

// [IMG_OUR_ID=174551.site] У меня есть два класса dhx_scroll_cont div, когда я пишу css-код, как показано ниже, он работает для двух классов. Теперь я хочу написать код css, который применяется для первого div-вызова .dhx_scroll_cont:before{ //some code here } ...

Как сделать переполнение div, когда оно больше, чем его контейнер, когда высота не может быть указана? Предпосылки: .Wrap является переменной по высоте и не может иметь заданную height. .Head должен быть фиксированной высотой. .Body должен стать sccrollable, когда он больше по высоте, чем его к...

Я прикрепляю 2 образца изображений, которые я использую, чтобы вы могли получить эту идею. Это основной фон: // [IMG_OUR_ID=174551.site] Это фиксированная позиция div: [IMG_OUR_ID=174551.site] И над этими двумя есть содержание. Весь сайт. Между этими двумя есть движущиеся звезды в чистом css ...

У меня есть представление ввода в 2 строки. Я назвал qaru.site/questions/857486/... и смог получить входное значение в 2 строках. Теперь я хочу сделать текст полужирным только для 1 строки. Например: текст входного значения отображается как line 1 line 2 Я хочу сделать только строку 2 полужирным...

I have five buttons in the UI with their respective inner box shadows. I want them to rotate individually when hovered upon. Now when I hover over one even the adjacent button is also rotating accordingly . And also the inner shadow should make a smooth transition inside the buttons ? Why is not tha...

Я разработал всплывающее окно стиля, в котором есть заголовок и раздел содержимого. Внутри раздела контента я тоже добавил кнопку. Я пытаюсь изменить цвет фона в строке заголовка. Я создал два класса (title_bar & title_bar_hover), которые содержат background: linear-gradient(); собственность то...

Я хочу включить touch на мобильное устройство и нести тот же эффект (или что-то подобное), затем он наводил состояние на элемент HTML. У меня есть изображение, которое при наведении применяется переход CSS3 transformX(). Я хочу добиться того же, что и для мобильных устройств, но просто с помощью с...

Я пытаюсь сделать следующее: (JSFiddle внизу) // [IMG_OUR_ID=174551.site] Как это должно работать: yellow box должен заполнить оставшееся пространство, и даже если красная коробка имеет width: 25% она не должна превышать 330px. Если желтая рамка (заполняющая оставшееся пространство) имеет шири...

У меня проблема с шириной списка меню, у них разная ширина. Что мне делать, чтобы установить большую ширину для всех них? Я загрузил плагин здесь Живая демонстрация здесь: живая демонстрация .menu-collapser { position: relative; background-color: #999; color: #FFF; text-shadow: 0 1...

Могу ли я смешивать div так, как я этого хочу? Я понимаю, что могу использовать body { box-shadow: 10px 10px 10px 10px white; } чтобы приблизиться, но то, что я хотел бы сделать, равномерно смешать все края (сверху, снизу, слева, справа). Коробка-тень, по-видимому, только смешивает 3 стороны,...

Я начал веб-сайт и делал переход к переходу между страницами, у меня проблема с позиционированием кнопок, которые запускают переход. есть 6 кнопок, (2 для каждой страницы), я помещаю png img в тег. Вот html-код для кнопок <div class="pt-page pt-page-3"> <div class="pt-trigger-container...

У меня есть следующий HTML-код (пожалуйста, не обращайте внимания на встроенный стиль, все еще проверяя и в конечном итоге переходите к внешнему файлу): <div style="width: 80%; margin: 0 auto; border: 1px solid #A7DFFF; background: #DDDDDD; height: 350px;"> <div style="width: 100%;...

Я ищу способ горизонтально повторить простую полосу цветного фона, но только с центра страницы вправо. Я не знаю, как это сделать.