Skip to main content

SlideShow

Slideshow

Change image every 3 seconds:

1 / 5
World Map
2 / 5
PUBG Show
3 / 5
React Logo
4 / 5
Sidebar Icon
5 / 5
Android Logo

Comments

Post a Comment

The Most Populer

The World Map

The World Map Here is the code of Designing the WORLD MAP by using Html-Css-Js only.Google Map provide you the option that is Map for Developer. So, CodoBlog provide you the code for how to design the map. CODE -     <!DOCTYPE html> <html> <head> <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet'/>     <link rel="stylesheet" type="text/css" href=""> <title>The World Map</title> <style> *{ margin: 0; padding: 0; } #map{ width: 100vw; height: 100vh; } </style> </head> <body> <div id='map'></div> </body> <script src='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js'></script> <script> mapboxgl.accessTok...
Post a Comment
Read more

React LOGO

How to Design React LOGO || React Logo with Animation || Html-Css-Js Here is the code by using we can design the react LOGO with the animation effect.             This logo we can use in our websites. Don't hasitate, Just do the code. And Keep Loving CodoBlog. #CODE <!DOCTYPE html> <html> <head> <title>Logo React</title> <style type="text/css"> body{ margin: 0; padding: 0; overflow: hidden; position: fixed; } #canvas{ background-color: black; } </style> <script type="text/javascript"> "use strict"; var W,H,c,ctx; var circles=[]; const random = (max=1,min=0)=> Math.random()* (max-min)+min; const util={ drawCircle(x,y,r,c){ ctx.beginPath(); ctx.fillStyle = c; ctx.arc(x+W/2, y+H/2,r,0,2*Math.PI); ctx.fill(); ctx.closePath(); }, drawCircleRotate(x,y,r,c,a){ ctx.beginPath(); ctx.save(); ctx.fillStyle =...
Post a Comment
Read more

The PUBG Show

The Pubg Show | Code for Pubg | For the Pubg Lovers.. Hey everyone..! This is the code about the Pubg background and the hover hide animation. You will able to design the code for pubg show. If you are the coder and pubg lover, then you must have to w try to do the code. #CODE : <!DOCTYPE html> <html> <head> <title>For PUBG Lovers</title> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script type="text/javascript"> window.addEventListener("load",function(){ const loader = document.querySelector(".loader"); loader.className += " hidden"; }); $(document).ready(function(){ $("body").show(); $(".screen").hide(); $(document).mousemove(function(e){ $(".screen").show() $(".circle").css('background','radial-gradient(circle at '+e.pageX+'px '+e.pageY+'px,transparent,#000 40%)') })...
Post a Comment
Read more