Skip to main content
Code Golf

Return to Answer

added 44 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281

HTML/CSS, 183 180 163 161 160 147147 143 bytes

a{display:inline-flex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:0-4ch
<pre>Loading... <a><c>|/-\</pre>

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @Ismael Miguel. Saved 4 bytes thanks to @Fez Vrasta.

HTML/CSS, 183 180 163 161 160 147 bytes

a{display:inline-flex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\</pre>

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @Ismael Miguel.

HTML/CSS, 183 180 163 161 160 147 143 bytes

a{display:inline-flex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin:0-4ch
<pre>Loading... <a><c>|/-\</pre>

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @Ismael Miguel. Saved 4 bytes thanks to @Fez Vrasta.

added 39 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281

HTML/CSS, 183 180 163 161 160160 147 bytes

a{display:inline-flex;vertical-align:top;overflowflex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\\</pre>

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @Ismael Miguel.

HTML/CSS, 183 180 163 161 160 bytes

a{display:inline-flex;vertical-align:top;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel.

HTML/CSS, 183 180 163 161 160 147 bytes

a{display:inline-flex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\</pre>

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @Ismael Miguel.

added 42 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281

HTML/CSS, 183 180 163 161161 160 bytes

a{display:inline-block;verticalflex;vertical-align:top;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel.

HTML/CSS, 183 180 163 161 bytes

a{display:inline-block;vertical-align:top;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork.

HTML/CSS, 183 180 163 161 160 bytes

a{display:inline-flex;vertical-align:top;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin-left:-4ch
<pre>Loading... <a><c>|/-\

Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel.

added 9 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281
deleted 11 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281
added 42 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281
deleted 20 characters in body
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281
Source Link
Neil
Neil
  • 177.2k
  • 12
  • 74
  • 281