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

когда я использую что-то вроде этого: <tr> <td> <div></div> <div style="page-break-before:always; background-color: blue"></div> </td> </tr> (добавьте в мою таблицу primeNG) Я решил добавить background-color:blue чтобы увидет...

У меня есть два divs один поверх другого. Верхний div отображается с помощью ngAnimate и выталкивает второй div вниз. Я хочу использовать анимацию translateY, чтобы показать верхний div, потому что он выглядит хорошо. @keyframes enter_not_smooth { from {transform: translateY(-100px);} to {trans...

// [IMG_OUR_ID=174551.site] Я делаю демонстрацию всплывающего экрана, как показано на изображении. У меня есть какая-то проблема, мой треугольник выглядит "v".. как выйти вверх над кнопкой выбора? мы можем сделать то же самое, что и в шоу выше. Мое всплывающее окно появляется под кнопкой. он до...

Я пытаюсь применить эффект перехода CSS3 к расширению формы, когда его заголовок нажимается, но он не работает HTML: <section class="widget" id="widget-1"> <h4>Contact Us</h4> <form class="contact-form collapse" role="form"> <input type="text" class="form...

У меня есть слайд-шоу, в котором я использую CSS, чтобы придать стилю текст. Я просто хотел изменить стиль для одного из баннеров и не смог его переопределить. Часть HTML выглядит так: <div id="banner" class="clearfix"> <div id="cycle_nav"></div> <div class="sl...

Я пытаюсь понять, почему настройка margin-top: 100px на теге p приносит с собой свой родительский элемент. Я не могу понять. У кого-нибудь есть идеи? http://jsfiddle.net/HU4pR/ HTML: <div id="Sections"> <section id="Biography"> <div class="InnerLeftSection"> ...

У меня есть анимация расширяющейся линии на моем сайте с помощью CSS3. Он был создан с использованием ключевых фреймов по ширине div и, естественно, он расширяется слева направо. Однако я хочу, чтобы он расширялся справа налево. Я попытался использовать "реверс" в анимационном направлении, но без р...

Я пытаюсь оживить несколько элементов на экране при щелчке элемента меню... все анимации, но один работает по желанию. Я хочу перейти в основное содержание (раздел) страницы справа налево, но вместо того, чтобы скользить в нем, просто появляется без какого-либо перехода. Это соответствующий код css...

Когда я использую <a href="#id"> . . . <dl> <dt></dt> <dd></dd> <dd id="id"></dd> <dd></dd> <dl> Страница прокручивается до целевого идентификатора таким образом, что идентификатор цели отображается вверху страницы. Возможно л...

Для проекта я должен включить фоновое изображение в форму стрелки css3 (справа). Ниже приведен HTML/CSS. То, что я хочу достичь, состоит в том, что изображение простирается от прямоугольника в треугольном (рамке). // [IMG_OUR_ID=174551.site] HTML: <div id="arrow"></div> Css: #arr...

Я хочу поместить изображение слева от двух абзацев текста таким образом, чтобы текст был вертикально центрирован относительно высоты изображения. <div class="wrap"> <img src="https://i.imgur.com/Yako69m.jpg" /> <div class="text"> <p>line1</p> &l...

Я создаю веб-сайт для Агентства по СМИ, и мне нужно вставить рамку типа Frame на веб-сайт. Веб-сайт должен выглядеть так, как будто он размещен на телевидении. Телевизионное изображение - это PNG с внешним материалом, а внутренняя часть - прозрачная. Мой сайт находится на www.mediamantra.co/demo, ...

Я хотел бы переместить круг на 15px с CSS как изображение ниже. Я попытался с padding-bottom или margin-bottom в классе .circle, но он работал по-другому, делая круг длиннее самого себя. // [IMG_OUR_ID=174551.site] HTML: <table id="showRoom"> <tr class="box_shadow"> <...

Я использовал CSS с веб-сайта, чтобы создать горизонтальную панель навигации на моей странице. Но проблема в навигационной панели, первая ссылка всегда затенена, хотя выбрана другая страница. Когда я наводил на какую-либо другую ссылку в навигационной панели, она показывает окно тени, но никогда н...

У меня есть div, который имеет два стиля: выровненный слева и выровненный вправо. BG слева выровнен в положение. Я понимаю, что для установки нескольких фонов я бы использовал это. background: url(../assests/icons/dialog_left_point.png) left top no-repeat, url (../assests/icons/dialog_left_bg.png...