Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 187 lines (167 sloc) 5.716 kB
c02abe3 Add stress test file; creates 100 elements with a number of styles ap…
Jason Johnston authored
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <title></title>
6
7 <script type="text/javascript">
8 function toggleClass( el, cls ) {
9 var re = new RegExp( '\\b' + cls + '\\b' );
10 if( re.test( el.className ) ) {
11 el.className = el.className.replace( re, '' );
12 } else {
13 el.className += ' ' + cls;
14 }
15 }
16
17 function log( txt ) {
18 var el = log._el;
19 if(!el) {
20 el =log._el = document.createElement( 'div' );
21 el.style.position = 'absolute';
22 el.style.bottom = '1em';
23 el.style.right = '1em';
24 el.style.width = '200px';
25 el.style.height = '100px';
26 el.style.overflow = 'auto';
27 el.style.background = '#FFF';
28 el.style.border = '1px solid #EEE';
29 el.style.fontSize = '9px';
30 document.body.appendChild( el );
31 }
32 var item = document.createElement( 'div' );
33 item.appendChild( document.createTextNode( txt ) );
34 el.appendChild( item )
35 }
36
37 function animate( el, fromX, fromY, toX, toY ) {
38 el.style.position = 'absolute';
39 var i = 0;
40
41 function step() {
42 el.style.left = fromX + ( toX - fromX ) * i / 100 + 'px';
43 el.style.top = fromY + ( toY - fromY ) * i / 100 + 'px';
44 i++;
45 if( i < 100 ) {
46 setTimeout( step, 10 );
47 }
48 }
49
50 step();
51 }
52 </script>
53
54 <style>
55
56 .tester {
3e71920 Split the monolithic PIE.htc into separate source files per class/com…
Jason Johnston authored
57 behavior: url(../build/PIE.htc);
c02abe3 Add stress test file; creates 100 elements with a number of styles ap…
Jason Johnston authored
58 background: #EEE url(border.png) 50% 50%;
59 border: 3px solid #66F;
60 float: left;
61 padding: 10px;
62 margin: 10px;
63 width: 10%;
64 -moz-border-radius: 10px;
65 -webkit-border-radius: 10px;
66 border-radius: 10px;
8881155 Allow non-prefixed border-image and box-shadow CSS styles to be used,…
Jason Johnston authored
67 box-shadow: #000 5px 5px 8px;
c02abe3 Add stress test file; creates 100 elements with a number of styles ap…
Jason Johnston authored
68 -moz-box-shadow: #000 5px 5px 8px;
69 -webkit-box-shadow: #000 5px 5px 8px;
70 }
71
72 </style>
73 </head>
74 <body>
75
76 <div class="tester">test</div>
77 <div class="tester">test</div>
78 <div class="tester">test</div>
79 <div class="tester">test</div>
80 <div class="tester">test</div>
81 <div class="tester">test</div>
82 <div class="tester">test</div>
83 <div class="tester">test</div>
84 <div class="tester">test</div>
85 <div class="tester">test</div>
86
87 <div class="tester">test</div>
88 <div class="tester">test</div>
89 <div class="tester">test</div>
90 <div class="tester">test</div>
91 <div class="tester">test</div>
92 <div class="tester">test</div>
93 <div class="tester">test</div>
94 <div class="tester">test</div>
95 <div class="tester">test</div>
96 <div class="tester">test</div>
97
98 <div class="tester">test</div>
99 <div class="tester">test</div>
100 <div class="tester">test</div>
101 <div class="tester">test</div>
102 <div class="tester">test</div>
103 <div class="tester">test</div>
104 <div class="tester">test</div>
105 <div class="tester">test</div>
106 <div class="tester">test</div>
107 <div class="tester">test</div>
108
109 <div class="tester">test</div>
110 <div class="tester">test</div>
111 <div class="tester">test</div>
112 <div class="tester">test</div>
113 <div class="tester">test</div>
114 <div class="tester">test</div>
115 <div class="tester">test</div>
116 <div class="tester">test</div>
117 <div class="tester">test</div>
118 <div class="tester">test</div>
119
120 <div class="tester">test</div>
121 <div class="tester">test</div>
122 <div class="tester">test</div>
123 <div class="tester">test</div>
124 <div class="tester">test</div>
125 <div class="tester">test</div>
126 <div class="tester">test</div>
127 <div class="tester">test</div>
128 <div class="tester">test</div>
129 <div class="tester">test</div>
130
131 <div class="tester">test</div>
132 <div class="tester">test</div>
133 <div class="tester">test</div>
134 <div class="tester">test</div>
135 <div class="tester">test</div>
136 <div class="tester">test</div>
137 <div class="tester">test</div>
138 <div class="tester">test</div>
139 <div class="tester">test</div>
140 <div class="tester">test</div>
141
142 <div class="tester">test</div>
143 <div class="tester">test</div>
144 <div class="tester">test</div>
145 <div class="tester">test</div>
146 <div class="tester">test</div>
147 <div class="tester">test</div>
148 <div class="tester">test</div>
149 <div class="tester">test</div>
150 <div class="tester">test</div>
151 <div class="tester">test</div>
152
153 <div class="tester">test</div>
154 <div class="tester">test</div>
155 <div class="tester">test</div>
156 <div class="tester">test</div>
157 <div class="tester">test</div>
158 <div class="tester">test</div>
159 <div class="tester">test</div>
160 <div class="tester">test</div>
161 <div class="tester">test</div>
162 <div class="tester">test</div>
163
164 <div class="tester">test</div>
165 <div class="tester">test</div>
166 <div class="tester">test</div>
167 <div class="tester">test</div>
168 <div class="tester">test</div>
169 <div class="tester">test</div>
170 <div class="tester">test</div>
171 <div class="tester">test</div>
172 <div class="tester">test</div>
173 <div class="tester">test</div>
174
175 <div class="tester">test</div>
176 <div class="tester">test</div>
177 <div class="tester">test</div>
178 <div class="tester">test</div>
179 <div class="tester">test</div>
180 <div class="tester">test</div>
181 <div class="tester">test</div>
182 <div class="tester">test</div>
183 <div class="tester">test</div>
184 <div class="tester">test</div>
185
186 </body>
187 </html>
Something went wrong with that request. Please try again.