3 ms·
Tiny thing: the purple buttons change border thickness when hovering, you could give them a 1px transparent border in the default state, to prevent content shif
by PavlovsCat 8y ago
Tiny thing: the purple buttons change border thickness when hovering, you could give them a 1px transparent border in the default state, to prevent content shift around one pixel when hovering over them.
- nikkwong 8y agoHey, I actually struggled with that a bit, I really appreciate this advice! Will include it tonight :) thank you!
- PavlovsCat 8y agoI've been there myself, glad to help, and love the site :) When transitioning between a different number of properties (e.g. for shadows, gradients) or different types (inset vs normal shadow), this trick is really useful. Here's a fiddle to demonstrate it for box-shadow: https://jsfiddle.net/90o6av2w/ https://jsfiddle.net/90o6av2w/