What Is Illusion and how to create a beautiful strong illusion via HTML ...

0 HTML And CSS Cooding November 24, 2022

HTML SOURCE CODE

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>illusion</title>

<link rel="stylesheet" type="text/css" href="b.css">

</head>

<body>

</body>

</html>
CSS SOURCE CODE

* {

box-sizing: border-box;

-webkit-animation: fadeIn 0.5s;

animation: fadeIn 0.5s;}

body {

background: linear-gradient(90deg, #999, #999 20%,transparent 20%, transparent 100%), linear-gradient(180deg, #999, #999 20%, #000 20%, #000 100%);

background-size: 100px 100px;}

body:after {

content: '';

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: radial-gradient(75% 75% at 20px 20px, lightpink 20%, transparent 20%);

background-size: 100px 100px;

background-position: -10px -10px;}

@-webkit-keyframes fadeIn {

from {opacity: 0;}

to {opacity: 1;}}

@keyframes fadeIn {

from {opacity: 0;}

to {opacity: 1;}}

Tags

HTML CSS HTML_CSS_WEBSITE

Post a Comment

* Please Don't Spam Here. All the Comments are Reviewed by Admin.