The other thing that pencils were invented for.
A Pen by Chris Gannon on CodePen.
| <html> | |
| <head> | |
| <!-- | |
| @tag hta:application | |
| @attribute ApplicationName Sets the name of the HTA. | |
| @attribute Border [Thick]|Thin|None | |
| @attribute BorderStyle [Normal]|Raised|Sunken|Complex|Static | |
| @attribute Caption [Yes]|No |
| .container | |
| #start | |
| form#instruction-screen.overlay | |
| div | |
| h2 How to Play Concentration | |
| p Click a card to turn it over. Turn over matching pairs of cards to remove them from the deck. The game is over once all the cards are removed. | |
| .btn-container | |
| input(type="checkbox" required="required") | |
| .timer-container.top-corner Time: <span class="elapsed-time"></span> |
The other thing that pencils were invented for.
A Pen by Chris Gannon on CodePen.
| <!-- It's kinda heavy on the browser, sorry about that --> | |
| <div id="canvasContainer"><div id="filterContainer"><canvas id="mainstage"></canvas></div></div> | |
| <svg id="weirdFilter"> | |
| <filter id="svgFilter"> | |
| <feTurbulence id="turbulence" type="turbulence" baseFrequency="0.05" | |
| numOctaves="15" /> | |
| <feDisplacementMap id="displacement" in="SourceGraphic" scale="25" /> | |
| </filter> | |
| <filter id="skyFilter"> |
Click or drag the toggles to adjust the gradient :) A 5-way gradient generator built using vue.js
A Pen by Matthew Fournier on CodePen.
A Pen by Laith Serhan on CodePen.
| <div class="vw-100 vh-100 bg-gold"></div> |
A Pen by Laith Serhan on CodePen.
CSS selectors cheatsheet
A Pen by Laith Serhan on CodePen.