| OLD | NEW |
|---|
| (Empty) | |
| 1 <!doctype html> |
| 2 <!-- |
| 3 Copyright 2016 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. |
| 6 --> |
| 7 <html> |
| 8 <head> |
| 9 <style> |
| 10 .docs-text-ui-cursor-blink { |
| 11 -webkit-animation-duration: 10s; |
| 12 animation-duration: 10s; |
| 13 -webkit-animation-iteration-count: infinite; |
| 14 animation-iteration-count: infinite; |
| 15 -webkit-animation-name: docs-text-ui-fadeoutin; |
| 16 animation-name: docs-text-ui-fadeoutin; |
| 17 } |
| 18 |
| 19 @-webkit-keyframes docs-text-ui-fadeoutin { |
| 20 from { |
| 21 /* opacity: 0.95 */ |
| 22 opacity: 1 |
| 23 } |
| 24 |
| 25 /* |
| 26 13% { |
| 27 opacity: 0 |
| 28 } |
| 29 */ |
| 30 |
| 31 50% { |
| 32 opacity: 0 |
| 33 } |
| 34 |
| 35 /* |
| 36 63% { |
| 37 opacity: 1 |
| 38 } |
| 39 */ |
| 40 |
| 41 to { |
| 42 /* opacity: 0.95 */ |
| 43 opacity: 1 |
| 44 } |
| 45 } |
| 46 |
| 47 @keyframes docs-text-ui-fadeoutin { |
| 48 from { |
| 49 /* opacity: 0.95 */ |
| 50 opacity: 1 |
| 51 } |
| 52 |
| 53 /* |
| 54 13% { |
| 55 opacity: 0 |
| 56 } |
| 57 */ |
| 58 |
| 59 50% { |
| 60 opacity: 0 |
| 61 } |
| 62 |
| 63 /* |
| 64 63% { |
| 65 opacity: 1 |
| 66 } |
| 67 */ |
| 68 |
| 69 to { |
| 70 /* opacity: 0.95 */ |
| 71 opacity: 1 |
| 72 } |
| 73 } |
| 74 |
| 75 .kix-cursor { |
| 76 cursor: text; |
| 77 position: absolute; |
| 78 z-index: 24 |
| 79 } |
| 80 |
| 81 .kix-cursor-caret { |
| 82 position: absolute; |
| 83 width: 0px; |
| 84 border-left: 2px solid; |
| 85 font-size: 0 |
| 86 } |
| 87 |
| 88 .kix-cursor-top { |
| 89 position: absolute; |
| 90 width: 6px; |
| 91 left: -2px; |
| 92 top: -2px; |
| 93 height: 6px; |
| 94 font-size: 0 |
| 95 } |
| 96 |
| 97 .kix-cursor-name { |
| 98 position: absolute; |
| 99 font-size: 10px; |
| 100 color: #fff; |
| 101 top: -14px; |
| 102 left: -2px; |
| 103 padding: 2px; |
| 104 white-space: nowrap |
| 105 } |
| 106 |
| 107 </style> |
| 108 |
| 109 </head> |
| 110 <body> |
| 111 <div style="position: absolute; width: 500; height: 200; left: 20; top: 20;
outline: 1px solid black; transform: translatez(0); -webkit-transform: translate
z(0);"> |
| 112 <div class="kix-cursor docs-ui-unprintable docs-text-ui-cursor-blink" styl
e="opacity: 0.95; left: 448px; top: 105px;"> |
| 113 <div class="kix-cursor-caret" style="border-color: rgb(0, 0, 0); height:
17.6px;"></div> |
| 114 <div class="kix-cursor-top" style="opacity: 0; display: none;"></div> |
| 115 <div class="kix-cursor-name" style="opacity: 0; display: none;"></div> |
| 116 </div> |
| 117 </div> |
| 118 </body> |
| 119 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2100223002:
Add a power test for blinking cursor. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master