There's actually no need for visibility
or opacity
- you can simply use color
, which has the upside of keeping any "blinking" to the text only:
blink {_x000D_
display: inline;_x000D_
color: inherit;_x000D_
animation: blink 1s steps(1) infinite;_x000D_
-webkit-animation: blink 1s steps(1) infinite;_x000D_
}_x000D_
@keyframes blink { 50% { color: transparent; } }_x000D_
@-webkit-keyframes blink { 50% { color: transparent; } }
_x000D_
Here is some text, <blink>this text will blink</blink>, this will not.
_x000D_
Fiddle: http://jsfiddle.net/2r8JL/