Would it work on firefox if you just remove "webkit-" from the code?
I'd add that vendor prefixes are one of the best reasons to use LESS (or SASS or SCSS, I just prefer LESS). Write one mixin (6 lines of code if you line break between each property) and you've just saved yourself countless keystrokes.
(another uselss comment tho)
.circle-outlines-star (@radius: 15px) {
-o-border-radius: @arguments;
...other prefixes, shortened for brevity...
}
Then you'd just add that in wherever you want some radius like so:
.star-container {
.circle-outlines-star(optional radius override here);
...and more styles...
}
Yeah, super simple and just off the top of my head but hopefully I addressed the question about loops. I don't know if you mean loops in code or literally like spinning animated loops. It's like 3am, got insomnia, and I'm effing commenting all night. Shoot me.I think you answered that question...