Skip to main content

Posts

Power On Off Neumorphism Button Using HTML And CSS Only | Coding With Roannie

  Power On Off Neumorphism Button Using HTML And CSS Only | Coding With Roannie Source Code : <! 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 > Document </ title >    < link   rel = "stylesheet"   href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >      < style >          body {              margin :  0 ;              padding :  0 ;    ...

Animated Loading Text Effect Using HTML And CSS | Coding With Roannie

  Animated Loading Text Effect Using HTML And CSS Source Code For Loading : HTML CSS CODE  <! 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 > Loading... </ title >      < link   rel = "preconnect"   href = "https://fonts.googleapis.com" > < link   rel = "preconnect"   href = "https://fonts.gstatic.com"   crossorigin > < link   href = "https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap"   rel = "stylesheet" > < style >      body {          margin...

Make A Number Guessing Game using C language | Coding With Roannie

  Make A Number Guessing Game using C language | Coding With Roannie Source Code : #include <stdio.h> #include <stdlib.h> #include <time.h> int   main () {      int   number ,  guess  ,  nguesses = 1 ;      srand ( time ( 0 ));  //this is generate a random number      number  =  rand ()% 100  +  1 ;  // random number between 1 to 100      do     {          printf ( "Guess The Number Between 1 to 100: \n " );          scanf ( " %d " ,& guess );          if ( guess > number ){              printf ( "Higher Number Please! \n " );...

Make Awesome Loading Animation Using HTML and CSS | Different Colors

   Make Awesome Loading Animation Using HTML and CSS | Different Colors Source Code :  <! 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 > Document </ title >      < style >          body {              margin :  0 ;              padding :  0 ;              box-sizing :  border-box ;            ...

Make Animated Button At Hover | HTML | CSS | Neon Button

   Make Animated Button At Hover | HTML | CSS | Neon Button  Source Code : HTML Code : <! 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 > Neon Button </ title >      < link   rel = "stylesheet"   href = "neonbutton.css" > </ head > < body >      < a   href = "" >      < span ></ span >      < span ></ span >      < span ></ span >      < span ></ span >     Button  ...