Skip to content

Instantly share code, notes, and snippets.

@pbakaus

pbakaus/gist:5005271

Created February 21, 2013 15:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save pbakaus/5005271 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save pbakaus/5005271 to your computer and use it in GitHub Desktop.
Download ZIP
Challenge: remove the CSS keyframe animations from this!
Raw
gistfile1.txt
.class{rule: prop;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinoff{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes spinoff{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}#id{rule: prop;}@-webkit-keyframes spinoff{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-ms-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-ms-keyframes spinoff{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}
@pbakaus
Copy link
Author

pbakaus commented Feb 21, 2013

nice! the idea that I needed was the grouping and repeating of frames – I somehow tried to search for "text without }}" and then }}, but that doesn't work. Thanks again!

@ajeetku
Copy link

ajeetku commented Apr 18, 2019 •
edited
Loading

Try this.....
@(-moz-|-webkit-|-ms-)*keyframes\s(.*?){([0-9%a-zA-Z,\s.]*{(.*?)})*[\s\n]*}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment