Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

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 appli...
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/compon...
Jason Johnston authored
57 behavior: url(../build/PIE.htc);
c02abe3 Add stress test file; creates 100 elements with a number of styles appli...
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, wh...
Jason Johnston authored
67 box-shadow: #000 5px 5px 8px;
c02abe3 Add stress test file; creates 100 elements with a number of styles appli...
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.