Jump to content

yaparoff

User
  • Posts

    166
  • Joined

  • Last visited

Everything posted by yaparoff

  1. Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и transition но не получалось, может не так делал?
  2. Есть слайдер http://codepen.io/anon/pen/YPRQjo Как сделать на нем автоматическое перелистывание? В гугле много примеров на jQuery. Но хотелось бы сделать это на чистом JS или CSS (если такое возможно). При переключении слайдов переход должен быть плавным. (Хотел, чтобы свойство opacity менялось от 0 к 1 через анимацию, но что-то не получается)
  3. Спасибо за повторную помощь, Switch74. Интересует также как сделать, чтобы он пролистывался автоматически и делал это плавно (transition на какой класс повесить?). В гугле в основном примеры jQuery попадаются. А как сделать это с помощью JS/CSS ? http://codepen.io/anon/pen/YPRQjo
  4. Вот сам слайдер http://codepen.io/anon/pen/YPRQjo Радиобаттоны функционируют. Но стрелочки не получается привести в действие. Думаю, лучше это сделать с помощью JS. Уже пробовал с помощью нажатия стрелки включать display:block у определенного слайда. Но что-то не получилось. Подскажите как лучше реализовать это?
  5. Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?
  6. Уже похоже, но все равно остается какое-то синее свечение от рамки http://codepen.io/anon/pen/RNMbNa
  7. Great Rash, спасибо, натолкнул на мысль. Можно позиционирование использовать
  8. При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa
  9. Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно
  10. Делаю меню вот с таким эффектом: Т.е когда пункт меню активный под ним должна появляться белая черта. Ширина черты пиксель в пиксель должна совпадать с активным пунктом. Суть в том, что у каждого пункта ширина разная. Я пробовал решить проблему с помощью: - box-shadow, - border-bottom, - :after Но везде свои недочеты. Может что-то не до конца делаю. Посмотрите (у меня там не пиксель в пиксель если что) http://codepen.io/anon/pen/xbYBjL Что можно сделать?
  11. Сверстал сайт. На Chrome и Mozilla отображается нормально. А в IE 7 - плохо. Вот такая ситуация: Вот сам сайт c отображенными div-ами Как решить эту проблему?
  12. спасибо всем, особенно npofopr, использовал Ф12 (хотя и раньше им пользовался) и нашел для себя свойства: -webkit-margin-before: -webkit-margin-after: проблема решена.
  13. Люди добрые, помогите. Не получается поднять заголовок в самый верх div-a и сократить интервал между ним и текстом. В гугле не забанен, но все равно решение найти не могу ( Пробовал vertical-align - не получается
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy