search

erikflowers / weather-icons

215 Weather Themed Icons and CSS
https://github.com/erikflowers/weather-icons
6.91k stars 851 forks source link

Full 360-degree CSS transform for wind bearing #79

Closed 47ronin closed 9 years ago

47ronin commented 9 years ago

For some reason, using the standard '_255-deg' etc. classes was not working in my webapp (I swear, I tried!) so I wrote my own transforms after looking at your CSS. My method does not create set-in-stone angles but will pull any specified degree of wind bearing and rotate the icon to match that angle. (Written in AngularJS)

Controller: https://github.com/47ronin/weatherview/commit/497f3516bf3ed1837a2568b40a6c162d7241b7db

HTML: https://github.com/47ronin/weatherview/commit/500c44d3f55e42e8d496e51eda34e0d2799f79fd

s10mcow commented 9 years ago

Its an error in the latest tag which the degrees are missing a '.' prefix in front of the class in the css. If you are using bower did a bower install from master or the latest commit from the log. I had the same issue...

Related to this issue: https://github.com/erikflowers/weather-icons/issues/59

47ronin commented 9 years ago

@stenmuchow Yes, I used bower install from master —good to know it wasn't just me!

erikflowers commented 9 years ago

These are all new and fixed in 2.0.