Draw on Webpage

Check out this pen which allows you to draw tiny solid colorful circles over your web page.
It leaves behind a trail of tiny circles wherever you click and drag your mouse to:

Click and drag your mouse over this page!   

Select your options: (Try it out on Codepen if viewing from mobile, to support touch functionality)


The code:
See the Pen Click and drag colors! by Jones Vinoth Joseph (@jo_Geek) on CodePen.

Comments

  1. Anonymous07/04/2022, 19:16

    Draw On Webpage >>>>> Download Now

    >>>>> Download Full

    Draw On Webpage >>>>> Download LINK

    >>>>> Download Now

    Draw On Webpage >>>>> Download Full

    >>>>> Download LINK 4S

    ReplyDelete

Post a Comment

Popular posts from this blog

Pure CSS responsive Navbar

Image
This is another element of web page, which normally requires some script. This is somewhat related to my last post " Pure CSS Collpasible Accordion ", where I used a 'radio button' to manipulate the collpase and expanding of panels. Same thing here, this time its a 'checkbox' and a 'label' which collapses and expands the navbar when screen size less than 600. Note: Refer to the previous post to see how 'radio button' and 'label' work together. A big nav [Desktop View] A collapsed nav [Mobile view] Full HTML + CSS code
Keep reading

Pure CSS Collpasible Accordion

Image
HTML accordion control made purely out of css. No JS !! Any accordion would definitely need some JS function The following accordion uses input type="radio" and the ' :checked + div ' CSS selector to collapse and expand content. Example selector: input[type="radio"]:checked + div{     /*expand this*/     height:200px; } The collapse code input[type="radio"]:not(:checked) + div{     /*collapse this*/     height:0px; } How does it work? The title of each collapsible is a label which has the attribute for="collapsible-1" to trigger the radio button collapsible-1 . Clicking the label checks the corresponding radio button. The div following the radio button is expanded as per the CSS code shown above [this collapses the rest of the div s automatically because its a radio button group, selecting one un-selects the other radio by default]. A radio button is added say collapse-all which is isolated and is not associa
Keep reading