search

Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 721 forks source link

Desktop viewport hover state transitions would be nice to have #147

Closed iamdtms closed 2 years ago

iamdtms commented 7 years ago

For example transition: all .8s ease; at Carousel, etc. Preview: https://drive.google.com/open?id=0B1FX0XEAgwyRSHYxSF9GS3d6OG8

iamdtms commented 7 years ago

Form component inputs has the same issue. Some UX review needed where transitions can be insert in a proper way.

sesemaya commented 6 years ago

Regarding adding transition to carousel controls, this is not something we can do at this moment. If added, Webkit will cancel the carousel animation if you trip this while in the middle of another animation.

sesemaya commented 6 years ago

Regarding adding transitions for .form-controls, this is not something we can do, either. Currently the 2px border applied on :focus and :hover is actually achieved using box-shadow so we don't need to modify the padding to compensate potential border changes. However transitioning the box-shadow doesn't work well in Firefox. Feel free to test it on http://daemonite.github.io/material/docs/4.0/components/forms/ in Firefox by adding transition via dev tools. If someone can come up with a fix for the Firefox issue, I'm more than happy to add transition on .form-controls

iamdtms commented 6 years ago

Thank you!