| Index: tools/perf/page_sets/trivial_sites/trivial_blinking_cursor.html
|
| diff --git a/tools/perf/page_sets/trivial_sites/trivial_blinking_cursor.html b/tools/perf/page_sets/trivial_sites/trivial_blinking_cursor.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c47c3bce7fccb536a9d0ae4d7507f0be67dfd60f
|
| --- /dev/null
|
| +++ b/tools/perf/page_sets/trivial_sites/trivial_blinking_cursor.html
|
| @@ -0,0 +1,119 @@
|
| +<!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>
|
|
|