Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Помогите допилить :hover (https://javascript.ru/forum/xhtml-html-css/61311-pomogite-dopilit-hover.html)

innowed 12.02.2016 19:53
Помогите допилить :hover
 
Здравствуйте! Хотел красиво оформить кнопку, https://jsfiddle.net/uasya/a1kpw4t5/1/ (тут немного её развело, и градиенты я только для теста поставил), но совершенно не получается изменять треугольную часть при наведении указателя на прямоугольник. Я вроде бы видел, что так можно делать, неужели нет?

ruslan_mart 13.02.2016 04:26
https://jsfiddle.net/a1kpw4t5/5/


P.S.: треугольник лучше через ::after прикрутить.

innowed 13.02.2016 09:03
Цитата:
Сообщение от Ruslan_xDD (Сообщение 407576)
https://jsfiddle.net/a1kpw4t5/5/


P.S.: треугольник лучше через ::after прикрутить.
https://jsfiddle.net/uasya/a1kpw4t5/7/

не подскажите, как этот треуогльник засунуть под прямоугольник? Разные z-index не спасли меня почему-то

join 13.02.2016 13:13
Цитата:
Сообщение от innowed (Сообщение 407585)
https://jsfiddle.net/uasya/a1kpw4t5/7/

не подскажите, как этот треуогльник засунуть под прямоугольник? Разные z-index не спасли меня почему-то
"треугольник" и так за прямоугольником находится.
https://jsfiddle.net/a1kpw4t5/8/
Какой у вас браузер?


Часовой пояс GMT +3, время: 07:57.