Code Blast

Posts

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Figma Logo</title> <style type="text/css"> body { padding: 0; margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: azure; } .figma-logo { width: 200px; display: flex; flex-wrap:wrap; } .element { width: 100px; height: 100px; background: red; } .left { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .right { border-top-right-radius:50px; border-bottom-right-radius:50px; } .circle { border-radius:50px; } .clip { border-bottom-right-radius:50px; } .orange { background: #FB7266; } .purple { background: #A061FA; ...

Figma logo

- January 05, 2023

Figma Logo

How to create Instagram Icon in HTML & CSS3

- September 29, 2022

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Instagram Icon in CSS3</title> <style type="text/css"> *{ margin:0; padding:0; box-sizing:border-box; } body { height:100vh; display:grid; place-items:center; background-color:#000000; } .IG { width:45px; height:45px; background:transparent; border-radius:12px; border:3px solid aqua; display:flex; justify-content:center; align-items:center; position:relative; cursor:pointer; } .IG:before{ content:""; height:13px; width:13px; border-radius:50%; border:3px solid aqua; } .IG:after{ content:""; position:absolute; top:5px; right:6px; border-radius:50%; border:2px solid aqua; } </style> </head> <body> <div class="IG"></div> </a> </body> </html>

3D Pyramid

- July 11, 2022

- June 29, 2022

Animation

- May 12, 2022

animation water

Mobile Console

- May 01, 2022

Mobile console

- May 01, 2022

https://androidapksfree.com/firefox/org-mozilla-firefox/download-old/firefox-68-6-0-apk/ Download Firefox 68.6.0 version APK

Code Card

- April 03, 2022

* { padding: 0 ; margin: 0 ; box-sizing: border-box ; }

My ToDo App

- March 01, 2022

My TODO App TODOs List Title Description Add Item Clear list Your Items S.No Title Description Action

How to used Tailwindcss CDN link in your project with Example

- February 05, 2022

Tailwind CSS Background Colour How to used Tailwind CSS:- Example:- <div class="bg-blue-700"></div> 100 200 300 400 500 600 700 800 900

- January 29, 2022

How to enable Inspect in your mobile browser ? How to enable Inspect in your mobile browser write this code in you chrome browser. 1. First open your Chrome Browser. 2. Click on triple dots. 3. Select Bookmarks. 4. Create a Bookmarks. Name Folder URL saved it. 5. open in you URL Bar and write here Inspect. 6. Select bookmarks. 7. After selected open a button. 8. Clicked Button run your Inspect. script.js javascript:(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();