web-tiki
  • Member for 8 years, 1 month
  • Last seen more than 2 years ago
Stylish underline when input is focused, modern browsers only
Accepted answer
23 votes

Using box-shadows on the input can let you have the same underlining effect without any wrapper or unsemantic markup + strip your CSS a lot : input[type=text] { height:17px; border: 0; ...

View answer
Responsive CSS, abbreviated content
Accepted answer
6 votes

To expand on Hubert Grzeskowiak's answer the custom data attribute is a good option for you as you can continue specifying content in the markup as it should. But there is a way with CSS to display ...

View answer
"Spinning wheels" - Animated spinner with SVG and Sass-CSS
Accepted answer
2 votes

I totaly refactored your code (CSS and HTML). I wont address all the modifications and focus on the main ones : Browser support The is an issue in firefox when a percentage transform-origin is set ...

View answer
On hover, hide text and display options
Accepted answer
2 votes

Markup : I am not sure the content you are displaying is supposed to be a navigation menu or just options. In the first case (navigation menu), you should consider using the nav element instead of &...

View answer
CSS mask clipping and overlay SVG to achieve a two effect
Accepted answer
2 votes

I would suggest using an inline svg to create these shapes. This will provide more browser support than using the CSS mask property (canIuse). Both sides are created with paths and filled with the ...

View answer
Showing a spinner over content - fade out some elements and disable clicking on some elements
1 votes

First, For the universal selector, the performance diference will be negligible exept if you load 100s or 1000s of those element with into one web page. This said, I reviewed you code and made ...

View answer