Math, asked by allujothika9175, 1 year ago

0.7এবং। 0.07এর সম্পর্কে। হল

Answers

Answered by Anonymous
34

Step-by-step explanation:

<!DOCTYPE html>

<html>

<head>

<title>CSS 3D Jumping Text Effect</title>

margin: 0;

padding: 0;

background: #04900d;

}

h1 {

margin: 0;

padding: 0;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

}

h1 span {

color: #262626;

background: #fff;

padding: 5px 10px;

font-family: tahoma;

display: table-cell;

box-shadow: inset 0 0 5px rgba(0,0,0,.3),0 5px 0 #ccc;

animation: animate .5s infinite;

}

@keyframes animate {

0%

{

transform: translateY(0px);

box-shadow: inset 0 0 5px rgba(0,0,0,.3),0 5px 0 #ccc, 0 15px 5px rgba(0,0,0,0);

}

50%

{

transform: translateY(-20px);

box-shadow: inset 0 0 5px rgba(0,0,0,.3),0 5px 0 #ccc, 0 15px 5px rgba(0,0,0,.6);

}

100%

{

transform: translateY(0px);

box-shadow: inset 0 0 5px rgba(0,0,0,.3),0 5px 0 #ccc, 0 15px 5px rgba(0,0,0,0);

}

}

h1 span:nth-child(1)

{

animation-delay: .2s;

}

h1 span:nth-child(2)

{

animation-delay: .4s;

}

h1 span:nth-child(3)

{

animation-delay: .6s;

}

h1 span:nth-child(4)

{

animation-delay: .8s;

}

h1 span:nth-child(5)

{

animation-delay: 1s;

}

h1 span:nth-child(6)

{

animation-delay: 1.2s;

}

h1 span:nth-child(7)

{

animation-delay: 1.4s;

}

h1 span:nth-child(8)

{

animation-delay: 1.6s;

}

} </head>

<body>

<h1>

<span>A</span>

<span>K</span>

<span>J</span>

<span>O</span>

<span>R</span>

<span>D</span>

<span>A</span>

<span>N</span>

</h1>

</body>

</html>body

Answered by Anonymous
20

 &lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Sabkabaap&lt;/title&gt;</p><p></p><p>&lt;style&gt;body {</p><p></p><p>margin:0;</p><p></p><p>padding:0px;</p><p></p><p>background:#02101b;</p><p></p><p>text-align:center ;</p><p></p><p>min-height:100vh;</p><p></p><p>font-weight:bold;</p><p></p><p>font-size:20px;</p><p></p><p>font-family:arial;</p><p></p><p>color:white;</p><p></p><p>}</p><p></p><p>a:before{</p><p></p><p>content:"";</p><p></p><p>position:absolute ;</p><p></p><p>top:0;</p><p></p><p>height:100%;</p><p></p><p>width:40%;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>transform:skewX(5deg);</p><p></p><p>animation:all 1s linear infinite ;</p><p></p><p>}</p><p></p><p>@keyframes all{</p><p></p><p>0%{</p><p></p><p>position:absolute ;</p><p></p><p>left:0;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>left:85px;</p><p></p><p>position:absolute ;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>right:85px;</p><p></p><p>position:absolute ;</p><p></p><p>background:rgb(255,255,255,.02);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>a{</p><p></p><p>padding:15px 30px;</p><p></p><p>position:relative ;</p><p></p><p>top:200px;</p><p></p><p>color:#f35621;</p><p></p><p>letter-spacing:2px;</p><p></p><p>text-transform:uppercase ;</p><p></p><p>text-decoration:none;</p><p></p><p>transition:0.5s;</p><p></p><p>height:20px;</p><p></p><p>}</p><p></p><p>a svg ,</p><p></p><p>a svg rect {</p><p></p><p>position:absolute ;</p><p></p><p>top:0;</p><p></p><p>left:0;</p><p></p><p>fill:transparent ;</p><p></p><p>width:100%;</p><p></p><p>height:100%;</p><p></p><p>}</p><p></p><p>a svg rect{</p><p></p><p>stroke-width:2;</p><p></p><p>stroke:#f35612;</p><p></p><p>stroke-dasharray:100;</p><p></p><p>animation:ani 2s linear infinite ;</p><p></p><p>}</p><p></p><p>@keyframes ani{</p><p></p><p>0%{</p><p></p><p>stroke-dashoffset:400;</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>stroke-dashoffset:0;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>footer{</p><p></p><p>position:absolute ;</p><p></p><p>bottom:0px;</p><p></p><p>width:100%;</p><p></p><p>box-sizing:border-box;</p><p></p><p>background:rgb(255,255,255,.2);</p><p></p><p>padding:5px;</p><p></p><p>height:50px;</p><p></p><p>}</p><p></p><p>.i{</p><p></p><p>height:40px;</p><p></p><p>width:40px;</p><p></p><p>border-radius:50%;</p><p></p><p>border:2px solid white;</p><p></p><p>float:left;</p><p></p><p>position:relative ;</p><p></p><p>left:3px;</p><p></p><p>}</p><p></p><p>.name{</p><p></p><p>font-size:20px;</p><p></p><p>font-weight:300;</p><p></p><p>position:relative ;</p><p></p><p>top:10.5px;</p><p></p><p>left:-10px;</p><p></p><p>}</p><p></p><p>.h{</p><p></p><p>float:right ;</p><p></p><p>margin:10px;</p><p></p><p>color:#f35621;</p><p></p><p>position:relative ;</p><p></p><p>top:3px;</p><p></p><p>animation:hi 1s infinite ;</p><p></p><p>}</p><p></p><p>@keyframes hi{</p><p></p><p>0%{</p><p></p><p>transform:scale(0.8);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>transform:scale(1);</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>transform:scale(0.8);</p><p></p><p>}</p><p></p><p>}&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;a href="#"&gt;</p><p></p><p>&lt;svg &gt;&lt;rect&gt;&lt;/rect&gt;&lt;/svg&gt;</p><p></p><p>✨LEGENDGOUTAM✨</p><p></p><p>&lt;/a&gt;</p><p></p><p>&lt;footer&gt;</p><p></p><p>&lt;/footer&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;</p><p></p><p>

Similar questions