| <!doctype html> |
| <!-- |
| Copyright 2016 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| --> |
| <html> |
| <head> |
| <style> |
| .docs-text-ui-cursor-blink { |
| -webkit-animation-duration: 10s; |
| animation-duration: 10s; |
| -webkit-animation-iteration-count: infinite; |
| animation-iteration-count: infinite; |
| -webkit-animation-name: docs-text-ui-fadeoutin; |
| animation-name: docs-text-ui-fadeoutin; |
| } |
| |
| @-webkit-keyframes docs-text-ui-fadeoutin { |
| from { |
| /* opacity: 0.95 */ |
| opacity: 1 |
| } |
| |
| /* |
| 13% { |
| opacity: 0 |
| } |
| */ |
| |
| 50% { |
| opacity: 0 |
| } |
| |
| /* |
| 63% { |
| opacity: 1 |
| } |
| */ |
| |
| to { |
| /* opacity: 0.95 */ |
| opacity: 1 |
| } |
| } |
| |
| @keyframes docs-text-ui-fadeoutin { |
| from { |
| /* opacity: 0.95 */ |
| opacity: 1 |
| } |
| |
| /* |
| 13% { |
| opacity: 0 |
| } |
| */ |
| |
| 50% { |
| opacity: 0 |
| } |
| |
| /* |
| 63% { |
| opacity: 1 |
| } |
| */ |
| |
| to { |
| /* opacity: 0.95 */ |
| opacity: 1 |
| } |
| } |
| |
| .kix-cursor { |
| cursor: text; |
| position: absolute; |
| z-index: 24 |
| } |
| |
| .kix-cursor-caret { |
| position: absolute; |
| width: 0px; |
| border-left: 2px solid; |
| font-size: 0 |
| } |
| |
| .kix-cursor-top { |
| position: absolute; |
| width: 6px; |
| left: -2px; |
| top: -2px; |
| height: 6px; |
| font-size: 0 |
| } |
| |
| .kix-cursor-name { |
| position: absolute; |
| font-size: 10px; |
| color: #fff; |
| top: -14px; |
| left: -2px; |
| padding: 2px; |
| white-space: nowrap |
| } |
| |
| </style> |
| |
| </head> |
| <body> |
| <div style="position: absolute; width: 500; height: 200; left: 20; top: 20; outline: 1px solid black; transform: translatez(0); -webkit-transform: translatez(0);"> |
| <div class="kix-cursor docs-ui-unprintable docs-text-ui-cursor-blink" style="opacity: 0.95; left: 448px; top: 105px;"> |
| <div class="kix-cursor-caret" style="border-color: rgb(0, 0, 0); height: 17.6px;"></div> |
| <div class="kix-cursor-top" style="opacity: 0; display: none;"></div> |
| <div class="kix-cursor-name" style="opacity: 0; display: none;"></div> |
| </div> |
| </div> |
| </body> |
| </html> |
