Coding With Roannie

Document Welcome to Multiplication Table Website -:Created By 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 ;              background-color :  #ececec ;              display :  flex ;              justify-content :  center ;              align-items :  center ;         }          input [ type = "checkbox" ]{              -webkit-appearance :  none ;              width :  25

  Creative Loading 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 :  0 ;         padding :  0 ;         font-family :  'Poppins' , sans-serif ;         background-color :  black ;  

  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 " );         }          else   if ( guess < number ){              printf ( "lower Number Please! \n " );         }          else {              printf ( "You Guessed it In  %d  Attempts" , nguesses );         }          nguesses ++;     }  while  ( guess != number );      return   0 ; } If This Is Helpful to YOU Please Subscribe Us On YouTube

   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 ;              background-color :  rgb ( 24 ,  24 ,  21 );              display :  flex ;              justify-content :  center ;              align-items :  center ;              min-height :  100vh ;              font-family :  Verdana , Geneva,  Tahoma ,  sans-serif ;              font-size :  larger ;              font-weight :  600 ;         }          div {              color :  aliceblue

   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  </ a > </ body > </ html > CSS Code : body {      margin :  0 ;      padding :  0 ;      display :  flex ;      justify-content :  center ;      align-items :  center ;      min-height :  100