cursor blinks black/white

[peach-html5-editor.git] / editor.coffee

diff --git a/editor.coffee b/editor.coffee
index a5cd8d6..870c61b 100644 (file)
--- a/editor.coffee
+++ b/editor.coffee
@@ -245,14 +245,20 @@ outer_css = (args) ->
        ret +=     'height: 1em;' # FIXME adjust for hight of text
        ret +=     'width: 2px;'
        ret +=     'background: #444;'
-       ret +=     '-webkit-animation: blink 1s steps(2, start) infinite;'
-       ret +=     'animation: blink 1s steps(2, start) infinite;'
+       ret +=     '-webkit-animation: blink 1s linear infinite;'
+       ret +=     'animation: blink 1s linear infinite;'
        ret += '}'
        ret += '@-webkit-keyframes blink {'
-       ret +=     'to { visibility: hidden; }'
+       ret +=     '0% { background-color: rgba(0,0,0,0.7); }'
+       ret +=     '50% { background-color: rgba(0,0,0,0.7); }'
+       ret +=     '50.001% { background-color: rgba(255,255,255,0.7); }'
+       ret +=     '100% { background-color: rgba(255,255,255,0.7); }'
        ret += '}'
        ret += '@keyframes blink {'
-       ret +=     'to { visibility: hidden; }'
+       ret +=     '0% { background-color: rgba(0,0,0,0.7); }'
+       ret +=     '50% { background-color: rgba(0,0,0,0.7); }'
+       ret +=     '50.001% { background-color: rgba(255,255,255,0.7); }'
+       ret +=     '100% { background-color: rgba(255,255,255,0.7); }'
        ret += '}'
        ret += '.ann_box {'
        ret +=     'z-index: 5;'