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

Я пытаюсь создать компонент, в котором вы можете изменить пропорции ширины двух блоков, перемещая ползунок влево и вправо: // [IMG_OUR_ID=174551.site] codpen и демо: .outer { display: flex; flex-direction: row; } .block { height: 200px; width: -webkit-calc(50% - 5px); width: -moz-...

У меня есть один div, изначально он скрыт. Но при нажатии кнопки я показываю ее с помощью угловой директивы ng-show. После показа в течение 2 секунд я хочу скрыть это. Как это сделать, используя угловой или css, все в порядке. HTML-код <div class="subcontent tinyUrlContainer"> ...

Как сделать во время поворота угол до 45 градусов и остановиться? Я не могу найти способ сделать angle в нижней демо увеличить до 45 во время анимации изменения маржа слева, как это сделать?? http://jsfiddle.net/8tP9D/37/ var angle = 0; $('.btn').click(function(){ $("#a").animate ({ "margin-l...

У меня возникают проблемы с попыткой изменить стиль текстового поля при его выборе. В тот момент, когда текстовое поле выбрано, чтобы ввести его, поле имеет синюю рамку вокруг него, от которой я хочу избавиться. Это мой html: <input type="text"class="inputs" placeholder="E-Mail" id="text-email"...

У меня большая проблема, пытаясь построить макет ниже. Темно-серый будет удерживать навигацию, а светло-серый будет иметь текст, который будет работать вертикально вниз. Текст светло-серого цвета будет меняться, но Div, в котором он всегда должен быть таким же высоким, как веб-страница. Может ли к...

Я использую cufon для добавления шрифта на свой сайт, и у меня есть проблема с центром текста, когда Cufon будет применен! Я разработал веб-сайт так, как хочу, но когда я применяю Cufon, текст остается не центрированным... Без Cufon он сосредоточен! HTML: <nav> <ul> <li...

Я бы сказал, что вообще не представляю... http://samnorris.co.nz тестирование в версии 34.0.1847.131, два моих фиксированных раздела фона не отображаются, например: // [IMG_OUR_ID=174551.site] Не знаю, что я сделал, что Хром не нравится - не большой пользователь Chrome на самом деле (я челов...

Предоставляя пример jsfiddle ниже, я хочу сделать родительский div невидимым одновременно с дочерним div, видимым с переходом на hover CSS3. Но когда я это делаю, после того, как переход закончен, ребенок div исчезнет. При перемещении мыши, все еще находящейся на дочернем div, она появляется снова...

Я создал простую форму html. проверьте изображение, пожалуйста // [IMG_OUR_ID=174551.site] Я хочу, чтобы кнопка сохранения была, но в середине по вертикали Извините, я не мог этого сделать, может быть, вы можете мне помочь. Это jsfiddle http://jsfiddle.net/pYww5/ Код кнопки: .dark-matter ....

когда изменение размера прокрутки страницы не работает, см. мой сайт в тестовой странице

Некоторые из моих анимаций работают, а другие - нет. Все они отлично работают в Chrome. Здесь тот, который не работает: .orbit { position: absolute; height: 810px; width: 810px; top: 50px; left: 200px; border-radius: 8%; border:0px solid red; margin-left: -100px; margin-top: -100px; -webkit-anim...

У меня проблема, я надеюсь, что кто-то может мне помочь. Мне нужно изменить нижнюю границу div на основе текста, содержащегося в другом div. <ul id="featured_music"> <li style="width: 250px;"> <div class="music_carousel_item_wrapper"> <div class="music_carousel_item_cont...

Javascript newbie question: у меня есть галерея изображений css, использующая якоря в неупорядоченном списке: <div id="gallery"> <ul id="gallery-interior"> <li id="one"><img src="../images/intro.jpg" usemap="#gallerymap"><map name="gallerymap"> <area shape="circ" c...

В моей основной горизонтальной навигации у меня есть контейнер с именем # main-nav и кнопки в виде тегов привязки внутри. Размер метки привязки не совпадает с контейнером # main-nav, и я не могу понять, почему. oh, также, выпадающие меню сидят выше на базовой линии меню, чем на несколько пикселей,...

<%= link_to "Sign In", new_user_session_path, :method => :get, style: "color:white" %> <h3>Read More - <%= link_to 'Article', action: :articles, style: "color: purple" %></h3> <%= link_to 'Click to Read More About What People Are Saying About Us', action: :articles %&g...