English, asked by harshini4747, 9 months ago

how to do this please say me and say me code please

Attachments:

Answers

Answered by roohi42

Answer:

follow please

Explanation:

plz add me to brailist

Answered by Anonymous

125

Just a code...copy nd paste ...nothing much...

$<html><head><style>h1{text-transform:uppercase;margin-top:90px;text-align:center;font-family:Courier new,monospace;border:3px solid rgb(60,45,8);border-top:none;width:67%;letter-spacing:-6px;box-sizing:border-box;padding-right:5px;border-radius:6px;font-size:35px;font-weight:bold;}h1 span{position:relative;display:inline-block;margin-right:3px;}@keyframes shahir{0%{transform: translateY(0px) rotate(0deg);}40%{transform: translateY(0px) rotate(0deg);}50%{transform: translateY(-50px)rotate(180deg);;}60%{transform: translateY(0px)rotate(360deg);;}100%{transform: translate(0px)rotate(360deg);;}}h1 span{animation: shahir 3s alternate infinite linear;}h1 span:nth-child(1){color:red;animation-delay: 0s;}h1 span:nth-child(2){color:lightmaroon;animation-delay: 0.2s;}h1 span:nth-child(3){color:orange;animation-delay:0s;}h1 span:nth-child(4){color:pink;animation-delay: 0.4s;}h1 span:nth-child(5){color:lime;animation-delay: 0.5s;}h1 span:nth-child(6){color:purple;animation-delay: 0.3s;}h1 span:nth-child(7){color:blue;animation-delay: 0.1s;}h1 span:nth-child(8){color:red;animation-delay: 0s;}h1 span:nth-child(9){color:lightmaroon;animation-delay: 0.2s;}h1 span:nth-child(10){color:orange;animation-delay:0s;}h1 span:nth-child(11){color:pink;animation-delay: 0.4s;}h1 span:nth-child(12){color:lime;animation-delay: 0.5s;}h1 span:nth-child(13){color:purple;animation-delay: 0.3s;}h1 span:nth-child(14){color:blue;animation-delay: 0.4s;}h1 span:nth-child(15){color:yellow;animation-delay: 0.5s;} </style><meta name="viewport" content="width=device-width" ></head><body><center><div><h1>PRAKA SH</h1></div></center></body></html>$

${}$

$<!DOCTYPE html><html lang="en"><head><title>CUBE</title></head><body><div class="container"><div id="cube"><div class="front">20</div><div class="back">Thanks</div><div class="right">+</div><div class="left">Follow </div><div class="top">=</div><div class="bottom">Inbox</div></div></div><style>body {padding-left: 30%;padding-top: 5%;}.container {width: 200px;height: 200px;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;}#cube {width: 100%;height: 100%;position: absolute;-webkit-transform-style: preserve-3d;-webkit-animation: rotatecube 10s infinite;-moz-transform-style: preserve-3d;-moz-animation: rotatecube 10s infinite;}#cube div {width: 200px;height: 200px;display: block;position: absolute;border: none;line-height: 200px;text-align: center;font-size: 50px;font-weight: bold;}@-webkit-keyframes rotatecube {0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }}@-moz-keyframes rotatecube {0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }}.front {background: rgba(255,0,0,.5);}.back {background: rgba(0,255,0,.5);}.right {background: rgba(0,0,255,.5);}.left {background: rgba(0,255,255,.5);}.top {background: rgba(255,0,255,.5);}.bottom {background: rgba(255,255,0,.5);}#cube .front {-webkit-transform: rotateY(0deg ) translateZ( 100px );-moz-transform: rotateY( 0deg ) translateZ( 100px );}#cube .back {-webkit-transform: rotateX( 180deg ) translateZ( 100px );-moz-transform: rotateX( 180deg ) translateZ( 100px );}#cube .right {-webkit-transform: rotateY( 90deg ) translateZ( 100px );-moz-transform: rotateY( 90deg ) translateZ( 100px );}#cube .left {-webkit-transform: rotateY( -90deg ) translateZ( 100px );-moz-transform: rotateY( -90deg ) translateZ( 100px );}#cube .top {-webkit-transform: rotateX( 90deg ) translateZ( 100px );-moz-transform: rotateX( 90deg ) translateZ( 100px );}#cube .bottom {-webkit-transform: rotateX( -90deg ) translateZ( 100px );-moz-transform: rotateX( -90deg ) translateZ( 100px );}</style></body></html>$

Previous Question

Next Question

how to do this please say me and say me code please​

Answers

how to do this please say me and say me code please