Physics, asked by ahmadhassankhan8686, 9 months ago

x-ray specturum complete​

Answers

Answered by Anonymous
1
&lt;html&gt; <br /><br />&lt;head&gt; <br /><br />&lt;style&gt; <br /><br />h1{ <br /><br />text-transform:uppercase; <br /><br />margin-top:90px; <br /><br />text-align:center; <br /><br />font-family:Courier new,monospace; <br /><br />border:3px solid rgb(60,450,500); <br /><br />border-top:none; <br /><br />width:90%; <br /><br />letter-spacing:-6px; <br /><br />box-sizing:border-box; <br /><br />padding-right:5px; <br /><br />border-radius:6px; <br /><br />font-size:35px; <br /><br />font-weight:bold; <br /><br />} <br /><br />h1 span{ <br /><br />position:relative; <br /><br />display:inline-block; <br /><br />margin-right:3px; <br /><br />} <br /><br />@keyframes shahir{ <br /><br />0% <br /><br />{ <br /><br />transform: translateY(0px) rotate(0deg); <br /><br />} <br /><br />40% <br /><br />{ <br /><br />transform: translateY(0px) rotate(0deg); <br /><br />} <br /><br />50% <br /><br />{ <br /><br />transform: translateY(-50px)rotate(180deg);; <br /><br />} <br /><br />60% <br /><br />{ <br /><br />transform: translateY(0px)rotate(360deg);; <br /><br />} <br /><br />100% <br /><br />{ <br /><br />transform: translate(0px)rotate(360deg);; <br /><br />}} <br /><br />h1 span <br /><br />{ <br /><br />animation: shahir 3s alternate infinite linear; <br /><br />} <br /><br />h1 span:nth-child(1) <br /><br />{color:lime; <br /><br />animation-delay: 0s; <br /><br />} <br /><br />h1 span:nth-child(2) <br /><br />{color:lightmaroon; <br /><br />animation-delay: 0.2s; <br /><br />} <br /><br />h1 span:nth-child(3) <br /><br />{color:red; <br /><br />animation-delay:0s; <br /><br />} <br /><br />h1 span:nth-child(4) <br /><br />{color:green; <br /><br />animation-delay: 0.4s; <br /><br />} <br /><br />h1 span:nth-child(5) <br /><br />{color:blue; <br /><br />animation-delay: 0.5s; <br /><br />} <br /><br />h1 span:nth-child(6) <br /><br />{color:purple; <br /><br />animation-delay: 0.3s;} <br /><br />&lt;/style&gt; <br /><br />&lt;meta name="viewport" content="width=device-width" &gt; <br /><br />&lt;/head&gt; <br /><br />&lt;body&gt;&lt;center&gt;&lt;div&gt;&lt;h1&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt;B&lt;/span&gt;&lt;span&gt;H&lt;/span&gt;&lt;span&gt;I&lt;/span&gt;&lt;span&gt;S&lt;/span&gt;&lt;span&gt;H&lt;/span&gt;E&lt;/spam&gt;&lt;span&gt;&lt;K&lt;/span&gt;&lt;span&gt; <br /><br />&lt;/h1&gt;&lt;/div&gt;&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;

 <br />&lt;!DOCTYPE html&gt; <br /><br />&lt;html lang="en"&gt; <br /><br />&lt;head&gt; <br /><br />&lt;title&gt;Doraemon&lt;/title&gt; <br /><br />&lt;/head&gt; <br /><br />&lt;body&gt; <br /><br />&lt;div class="head"&gt; <br /><br />&lt;div class="eye_white"&gt; <br /><br />&lt;ul&gt; <br /><br />&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt; <br /><br />&lt;li&gt;&lt;div class="eye_black"&gt;&lt;/div&gt;&lt;/li&gt; <br /><br />&lt;/ul&gt; <br /><br />&lt;/div&gt; <br /><br />&lt;div class="white"&gt; <br /><br />&lt;div class="line_left"&gt; <br /><br />&lt;/div&gt; <br /><br />&lt;div class="line_right"&gt; <br /><br />&lt;/div&gt; <br /><br />&lt;div class="nose"&gt;&lt;/div&gt; <br /><br />&lt;div class="line_vertical"&gt;&lt;/div&gt; <br /><br />&lt;div class="mouth"&gt;&lt;/div&gt; <br /><br />&lt;/div&gt; <br /><br />&lt;/div&gt; <br /><br />&lt;style&gt; <br /><br />.head{ <br /><br />width:600px; <br /><br />height:600px; <br /><br />border-radius:100%; <br /><br />background:#3c9dca; <br /><br />border: black solid thick; <br /><br />} <br /><br />.white{ <br /><br />width: 524px; <br /><br />height: 462px; <br /><br />border-radius: 100%; <br /><br />position: relative; <br /><br />top: 120px; <br /><br />left: 38px; <br /><br />background: #FFF; <br /><br />border: black solid thin; <br /><br />z-index: 0; <br /><br />} <br /><br />.eye_white { <br /><br />position: relative; <br /><br />top: 60px; <br /><br />left: 130px; <br /><br />z-index: 1; <br /><br />} <br /><br />.eye_white li{ <br /><br />width: 125px; <br /><br />height: 152px; <br /><br />border-radius: 100%; <br /><br />background: #FFF; <br /><br />list-style:none; <br /><br />border: black solid thin; <br /><br />display:block; <br /><br />float:left; <br /><br />} <br /><br />.eye_black{ <br /><br />width: 25px; <br /><br />height: 45px; <br /><br />border-radius: 100%; <br /><br />background: #000; <br /><br />list-style:none; <br /><br />top: 80px; <br /><br />position:relative; <br /><br />border: black solid thin; <br /><br />display:block; <br /><br />left: 10px; <br /><br />-webkit-animation:move 6s ease infinite; <br /><br />animation:move 6s ease infinite; <br /><br />} <br /><br />@-webkit-keyframes move { <br /><br />16%{top:95px;left:30px;} <br /><br />32%{top:100px;left:60px;} <br /><br />48%{top:80px;left:90px} <br /><br />64%{top:100px;left:60px} <br /><br />80%{top:95px;left:30px} <br /><br />} <br /><br />@keyframes move { <br /><br />16%{top:95px;left:30px;} <br /><br />32%{top:100px;left:60px;} <br /><br />48%{top:80px;left:90px} <br /><br />64%{top:100px;left:60px} <br /><br />80%{top:95px;left:30px} <br /><br />} <br /><br />.eye_black::before{ <br /><br />content:''; <br /><br />width: 10px; <br /><br />height: 15px; <br /><br />border-radius: 100%; <br /><br />background: #fff; <br /><br />list-style: none; <br /><br />top: 16px; <br /><br />position: relative; <br /><br />display: block; <br /><br />left: 7px; <br /><br />} <br /><br />.line_left{ <br /><br />width: 150px; <br /><br />height:2px; <br /><br />transform:rotate(20deg); <br /><br />top: 90px; <br /><br />left: 14px; <br /><br />position:relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />} <br /><br />.line_left::before{ <br /><br />content:''; <br /><br />width: 150px; <br /><br />height:2px; <br /><br />top: 70px; <br /><br />transform:rotate(-20deg); <br /><br />position:relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />} <br /><br />.line_left::after{ <br /><br />content:''; <br /><br />transform:rotate(-40deg); <br /><br />width: 150px; <br /><br />height:2px; <br /><br />top: 120px; <br /><br />left: 30px; <br /><br />position:relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />} <br /><br />.line_right{ <br /><br />width: 150px; <br /><br />height:2px; <br /><br />transform:rotate(160deg); <br /><br />top: 90px; <br /><br />left: 370px; <br /><br />position:relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />} <br /><br />.line_right::before{ <br /><br />content:''; <br /><br />width: 150px; <br /><br />height:2px; <br /><br />bottom: 100px; <br /><br />position:relative; <br /><br />transform:rotate(30deg); <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />left:20px; <br /><br />} <br /><br />.line_right::after{ <br /><br />content:''; <br /><br />width: 150px; <br /><br />height:2px; <br /><br />bottom: 50px; <br /><br />transform:rotate(10deg); <br /><br />left: 0px; <br /><br />position:relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />list-style: none; <br /><br />display: block; <br /><br />} <br /><br />.nose{ <br /><br />width: 45px; <br /><br />height: 45px; <br /><br />border-radius: 100%; <br /><br />background: #b90319; <br /><br />list-style: none; <br /><br />top: 60px; <br /><br />position: relative; <br /><br />border: black solid thin; <br /><br />display: block; <br /><br />left: 236px; <br /><br />z-index:2; <br /><br />} <br /><br />.nose::after{ <br /><br />content: ''; <br /><br />width: 15px; <br /><br />height: 15px; <br /><br />border-radius: 100%; <br /><br />background: #FFF; <br /><br />list-style: none; <br /><br />top: 19px; <br /><br />position: relative; <br /><br />border: black solid thin; <br /><br />display: block; <br /><br />left: 9px; <br /><br />} <br /><br />.line_vertical{ <br /><br />width: 2px; <br /><br />height: 310px; <br /><br />top: 40px; <br /><br />left: 258px; <br /><br />position: relative; <br /><br />border-radius: 10%; <br /><br />background: #000; <br /><br />z-index: 1; <br /><br />} <br /><br />.mouth{ <br /><br />width: 400px; <br /><br />height: 400px; <br /><br />border-radius: 100%; <br /><br />top: -358px; <br /><br />left: 62px; <br /><br />position: relative; <br /><br />background: #000; <br /><br />z-index: -1; <br /><br />} <br /><br />.mouth::after{ <br /><br />content: ''; <br /><br />width: 402px; <br /><br />height: 401px; <br /><br />top: -4px; <br /><br />left: -1px; <br /><br />border-radius: 100%; <br /><br />position: relative; <br /><br />display: block; <br /><br />background: #FFF; <br /><br />} <br /><br />&lt;/style&gt; <br /><br />&lt;/body&gt; <br /><br />&lt;/html&gt;
Answered by rjr01
0
Hope it helps out .....
Similar questions