├── CNAME ├── README.md └── index.html /CNAME: -------------------------------------------------------------------------------- 1 | csshexagon.shaunroselt.com -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CSS Hexagon Generator 2 | Pure CSS Hexagon Generator, built in vanilla JavaScript. 3 | 4 | This project is still in very early phases of development. 5 | 6 | Plans: 7 | - Image Background 8 | - Rotate hexagon for flat top 9 | - Index Page URL sharable (Store values in query string) 10 | - Animations for hexagon 11 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | CSS Hexagon Generator 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 71 | 127 | 166 | 167 | 168 | 169 |
170 |
171 | 172 | 173 | CSS Hexagon Generator 174 | 175 | 176 | 177 |
178 | 179 |
180 | 181 |
182 | 185 | 195 |
196 |
197 |
198 |
199 |
200 | 208 |
209 |
210 |
211 |
212 |
213 | 214 | 215 |
216 |
217 | 253 | 254 |
255 |
256 |
257 | 258 | 259 |
260 |
261 |
262 |
263 |
264 |
265 | 266 | 267 |
268 |
269 | 270 | 271 |
272 |
273 |
274 | 275 | 276 |
277 |
278 |
279 |
280 | 281 | 282 |
283 |
284 | 285 | 286 |
287 |
288 |
289 |
290 | 291 | 292 |
293 |
294 | 295 | 296 |
297 |
298 |
299 | 300 |
301 | 302 |
303 |
304 |
305 |
306 | 307 | 308 |
309 |
310 | 311 | 312 |
313 |
314 | 315 | 316 |
317 |
318 |
319 |
320 |
321 |
322 |
323 |
324 |
325 | 326 | 327 |
328 |
329 |
330 | 331 | 332 |
333 |
334 | 335 | 336 |
337 |
338 |
339 |
340 |
341 | 342 | 343 |
344 |
345 | 346 | 347 |
348 |
349 |
350 | 351 | 352 |
353 |
354 |
355 |
356 | 357 | 358 |
359 |
360 | 361 | 362 |
363 |
364 |
365 |
366 | 367 | 368 |
369 |
370 | 371 | 372 |
373 |
374 |
375 | 376 |
377 | 378 |
379 |
380 |
381 |
382 | 383 | 384 |
385 |
386 | 387 | 388 |
389 |
390 | 391 | 392 |
393 |
394 |
395 |
396 |
397 |
398 |
399 |
400 |
401 |
402 | 403 |
404 |
405 |
406 | HTML: 407 | 
...
408 | CSS: 409 | 
...
410 |
411 |
412 |
413 | 414 | 677 | 678 | 679 | 684 | 685 | 690 | 691 | 692 | 693 | 694 | --------------------------------------------------------------------------------