yaparoff

User
  • Content count

    153
  • Joined

  • Last visited

Community Reputation

0 Обычная

About yaparoff

  • Rank
    Участник

Information

  • Sex
    мужской
  • From
    Ижевск

Recent Profile Visitors

2,013 profile views
  1. Сейчас пришлось обернуть svg в label. И снова не все корректно работает: когда наводишь на серые звезды, они не должны подсвечиваться (в режиме readonly) https://codepen.io/anon/pen/PrmgPj
  2. спасибо помогло. Еще такой момент. Этот компонент может быть readonly в таком случае радиокнопки становятся disabled. И при наведении на них ховер эффект должен исчезать. Мне удалось перебить ховер-эффект на checked кнопку и на не-checked. Но есть баг. И он заключается в том что некоторые disabled кнопки подсвечиваются. И подсвечиваются не тем цветом которым надо Коллеги, подскажите как это исправить? https://codepen.io/anon/pen/zVNVRV?editors=1100 &__radio ..... &[disabled] cursor: default &:hover & + .testimonials__icon color: transparent stroke: #BDBDBD &:checked &:hover & ~ .testimonials__icon color: $yellow stroke: $yellow
  3. делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010
  4. Спасибо помогло. Кароче я разобрался как делать, чтобы при наведении и при добавлении класса svg менял цвет (причем svg из спрайта). Это реально реализовать. Все круто! Вот пример https://codepen.io/anon/pen/MdWLjN?editors=1100
  5. Скажите, как закрасить svg при добавлении класса? По логике должно быть так .like-icon--filled .like-icon__inside { fill: #499DDE; } Но это не работает https://codepen.io/anon/pen/QPoRwg
  6. Библиотека для тултипов Tooltipster. Если делаем триггер 'hover' - то тултип нормально появляется $('.icon').tooltipster({ trigger: 'hover' }); Если делаем кастомный триггер - то это не срабатывает $('.icon2').tooltipster({ theme: 'tooltipster-shadow', trigger: 'custom', triggerOpen: { mouseenter: true, tap: false } }); Почему такое происходит? Прикладываю архив. В песочнице почему то не удалось подключить плагин tooltipster.rar
  7. Спасибо. Помогло. В этом же топике нашел ссылку на пример без закрашивания фона http://jsfiddle.net/L2ya3buj/1/
  8. спасибо, но у вас там текст не скрывает черточки. Вы меня натолкнули на одну идею - подкрасить фон текста, но проблема в том что полупрозрачный фон rgba(11, 100, 168, 0.08) на таком же полупрозрачном фоне будет выделяться Получилось так https://codepen.io/anon/pen/XQXowd не знаю как это назвать ( Так бы давно нагуглил
  9. На дизайне у этих черточек разная длина и зависит от контента. Кто нибудь знает как сделать такое в верстке? https://codepen.io/anon/pen/WWraar
  10. То же самое происходит В html вставляю иконку - эффект с hover работает Из спрайта вызываешь ту же иконку - эффект с hover уже не работает
  11. тогда придется по старинке делать через png )) мне интересно а можно как то добиться того чтобы такая иконка превращалась в такую но при этом происходило это плавно, как подсвечивание? Не так важно через что это делать
  12. не не клик не надо мне нужно чтобы при наведении svg становился вот такой я при hover написал что у него свойство fill меняется но когда из спрайта вызываешь, этот hover почему то не срабатывает .like-icon:hover .like-icon__stroke { fill: #499DDE; transition: fill 0.2s ease-out; }
  13. вроде работает нормально. Но теперь почему то при наведении закрашивание не срабатывает если я ссылкаюсь на спрайт. А если без спрайта вызываю иконку - то все ок. Почему такое может происходить? https://jsfiddle.net/ezjaw4Lc/