Full Screen Demo

Hello, Full Screen!

Comments

Post a Comment

Popular posts from this blog

Calculator

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <meta name ="viewport" content ="width=device-width, initial-scale=1.0" > <title> Document </title> <!-- Compiled and minified CSS --> <link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel ="stylesheet" > <style> button { margin : 10 px ; width : 100 % ; } </style> </head> <body> <div class ="col-lg-4" style =" margin : 5 % auto" > <div class ="card p-3" > <div > <input class ="form-control" type ="text" onclick =" Num1 () ; " id ="num1" ><br> <span id ="Sign" ></span><input class ="form-control" type ...
Read more

Layer Z-Index

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . main { width : 500 px ; height : 500 px ; border : solid 2 px ; position : relative ; } . div1 { width : 400 px ; height : 400 px ; background : red ; position : absolute ; left : 40 px ; top : 40 px ; } . div2 { width : 400 px ; height : 400 px ; background : green ; position : absolute ; top : 20 px ; left : 20 px ; /* z-index: 1; */ } . div3 { width : 400 px ; height : 400 px ; background : blue ; position : absolute ; } </style> </head> <body> <div class ="main" ...
Read more

position card

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . card { width : 300 px ; height : 400 px ; background : gray ; border-radius : 15 px ; position : relative ; margin : 20 px ; } . offdis { width : 68 px ; height : 35 px ; background : yellow ; position : absolute ; bottom : 10 px ; right : 0 px ; padding : 7 px ; } . new { background : #65e965 ; padding : 10 px ; position : absolute ; top : 10 px ; } </style> </head> <body> <div class ="container" style =" display : flex ; flex-wrap : wrap ; " > <div class ="card" > <span class ="...
Read more