Skip to main content

Posts

Create a hover button using css - Creation Code

 HTML: <!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>Hover button</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <button>Creation code</button> </body> </html> CSS: body{     margin: 0;     height: 100vh;     display: flex;     align-items: center;     justify-content: center;     background-color: navy; } p{     font-size: 3rem;     font-family: Verdana, Geneva, Tahoma, sans-serif;     position: relative;     right: 50px; } button{     position: relative;     border: none;     outline: none;     width: 170px;     height: 55px;     background-color: red;     font-size: 1.4rem;     color: #fff;     border-radius: 7px;     cursor: poi
Post a Comment
Read more

How to Make an Animation RGB Color Using CSS || rgb animation in css and html - Creation Code

 Introduction: In this project, we will create a button which is covered by an animation that creates RGB effect HTML: <!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>RGB button by creation code</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <a href="#" class="button">         <span>CREATION CODE</span>     </a> </body> </html> CSS: html, body{     height: 100%;     overflow: hidden; } body{     background: #191919;     display: flex;     align-items: center;     justify-content: center; } .button{     background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 100%);     position: relativ
Post a Comment
Read more

Volume Control With Hand Using Python || How do you controll gestures in Python - Creation Code

Introduction: Gesture recognition helps computers to understand human body language. This helps to build a more potent link between humans and machines, rather than just the basic text user interface or graphical user interfaces(GUIs). In this project for gesture recognition, the human body's motions are read by a computer camera. The computer then makes use of this data as input to handle applications. The objective of this project is to develop an interface that will capture human hand gestures dynamically and will control the volume level Code: import cv2 import mediapipe as mp from math import hypot from ctypes import cast , POINTER from comtypes import CLSCTX_ALL from pycaw . pycaw import AudioUtilities , IAudioEndpointVolume import numpy as np cap = cv2 . VideoCapture ( 0 ) mpHands = mp . solutions .hands hands = mpHands .Hands() mpDraw = mp . solutions .drawing_utils devices = AudioUtilities . GetSpeakers () interface = devices .Activate( IAudioEnd
Post a Comment
Read more

How do You Code a Digital Clock? || How do you code a clock in javascript - Creation Code

How do you code a digital clock using HTML, CSS, and Javascript? Digital Clock: A digital clock is a type of clock that displays the time digitally(i.e in numerals or other symbols), as opposed to an analog clock. Digital clocks are often associated with electronics drives, but the 'digital' description refers only to the display, not to the drive mechanism. (Both analog and digital clocks can be driven either mechanically or electronically, but "clockwork" mechanisms with digital displays are rare In this post we will create a simple digital clock using javascript HTML: <!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">     <link rel="stylesheet" href="style.css">     <title>Creation code</ti
Post a Comment
Read more

Write a Python program to count all the line having a as first character || Count number of lines in Python - Creation Code

Why counting the number of lines is important? Counting the number of characters is important because almost all the text boxes that rely on user input have a certain limit on the number of characters that can be inserted. For example, the character limit on a Facebook post is 63,206 characters. Whereas, for a tweet on Twitter the character limit is 140 characters and the character limit is 80 per post for Snapchat. We will make a change on this process we will just count the number of lines that have 'a' as the first character. Approach: Open the file in reading mode and assign a file object named 'file' Assign 0 to the counter variable Read the content of the file using the read function and assign it to a variable named 'content' Create a list of the content where the elements is split wherever they encounter an '\n' Implement: Suppose here we create a file called creationcode.txt and we need to read this file Code: #opening the file in read mode file
Post a Comment
Read more

HTML Interview Question || What are the Basic Interview Questions in HTML? ||HTML Interview Question and Answer - Creation Code

  Top 4 HTML interview questions for your coming interview 1. What are attributes? Each tag can take in additional attributes that change the way the tag behaves. For example, an input tag has a type attribute, which allows you to specify whether the input field is a text field, checkbox, or radio button among other options. 2. What are entities in HTML? HTML character entities are used to replace reserved characters in HTML. You can also replace characters that are not present on your keyboard by using entities. 3. Explain HTML5? HTML5 is the most recent version of the Hypertext Markup Language. HTML5 introduces several new features: Adding new attributes Allow offline editing Adding new parsing rules to enhance flexibility Support (Web SQL) Support Protocol and MIME handler registration, allowing you to change the way of user interaction with documents. 4. What is an API for HTML5? An API, which stands for Application Programming Interfaces, is a way to build various web applications
Post a Comment
Read more

How to Make DNA in Python || Program to print DNA Pattern in Python - Creation Code

 This will be a short program but it will be enjoyable for you so let's enjoy the coding  Code: c=input() if len(c)>1:    c=c[0] if len(c)<1:    c="#" Turns=4 s=" " def bids(a,b,c="",d=""):     return(a+b+c+d) def strand():     print(bids(s*19,c))     print(bids(s*17,c*4))     print(bids(s*16,c*6))     print(bids(s*14,c*2,s*6,c*2))     print(bids(s*12,c*14))     print(bids(s*11,c*2,s*12,c*2))     print(bids(s*11,c*16))     print(bids(s*12,c*2,s*10,c*2))     print(bids(s*14,c*10))     print(bids(s*16,c*2,s*2,c*2))     print(bids(s*17,c*4))     print(bids(s*18,c*2)) for i in range(Turns):          strand() Follow my socials: Youtube: https://www.youtube.com/channel/UCU1qNFntn7dCi9uqyvrGKOg Instagram:  https://www.instagram.com/python.math/ Twitter: https://twitter.com/Pritish369 For any question or coding discussion, you can join my discord or telegram: Discord: https://discord.gg/be7MmSuV Telegram: https://t.me/Python_Math_Community
Post a Comment
Read more