Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- height:100vh;
- width:100vw;
- margin:0;
- padding:0; background-image:url("https://t3.ftcdn.net/jpg/01/95/18/22/360_F_195182233_zED77MP68mpLr2424niMl92e4qEuKxF9.jpg.");
- background-size:100% 100%;
- background-repeat:no-repeat;
- display:flex;
- align-items:center;
- justify-content:center;
- background-color:#000;
- flex-direction:column;
- }
- .container{
- font-weight:bold;
- font-size:larger;
- height:150px;
- width:100vw;
- display:flex;
- align-items:center;
- justify-content:center;
- text-shadow:2px 2px 4px #757575;
- color:#fff;
- }
- div span:nth-child(1){
- font-size:xx-large;
- animation:one 3.2s linear 3;
- }
- @keyframes one{
- 0%{
- margin-top:0px;
- }
- 20%{
- margin-bottom:50px;
- }
- 40%{
- margin-top:0px;
- }
- 60%{
- margin-top:50px;
- }
- }
- div span:nth-child(2){
- font-size:xx-large;
- animation:two 3s linear 2;
- }
- div span:nth-child(3){
- font-size:xx-large;
- animation:one 5s linear 2;
- }
- div span:nth-child(4){
- font-size:xx-large;
- animation:two 3s linear 2;
- }
- div span:nth-child(5){
- font-size:xx-large;
- animation:one 4.5s linear 2;
- }
- div span:nth-child(6){
- font-size:xx-large;
- padding-right:4%;
- animation:two 3s linear 2;
- }
- div span:nth-child(7){
- font-size:xx-large;
- animation:two 3.5s linear 2;
- }
- div span:nth-child(8){
- font-size:xx-large;
- animation:one 4.2s linear 2;
- }
- div span:nth-child(9){
- font-size:xx-large;
- animation:two 2.3s linear 2;
- }
- div span:nth-child(10){
- font-size:xx-large;
- animation:one 3s linear 2;
- }
- div span:nth-child(11){
- font-size:xx-large;
- animation:one 3.8s linear 2;
- }
- div span:nth-child(12){
- font-size:xx-large;
- animation:two 4.3s linear 2;
- }
- div span:nth-child(13){
- font-size:xx-large;
- animation:one 4.5s linear 2;
- }
- div span:nth-child(14){
- font-size:xx-large;
- animation:two 3s linear 2;
- }
- div span:nth-child(15){
- font-size:xx-large;
- animation:one 3s linear 2;
- }
- div span:nth-child(16){
- padding-left: 3%;
- font-size:xx-large;
- animation:one 3.5s linear 2;
- }
- div span:nth-child(17){
- font-size:xx-large;
- animation:one 4s linear 2;
- }
- div span:nth-child(18){
- font-size:xx-large;
- animation:one 3s linear 2;
- }
- @keyframes two{
- 0%{
- margin-top:0px;
- }
- 20%{
- margin-top:50px;
- }
- 40%{
- margin-top:0px;
- }
- 60%{
- margin-bottom:50px;
- }
- }
- span{
- font-family:"Cairo";
- }
- .balloon{
- position:fixed;
- bottom:0px;
- }
- .balloon img:nth-child(1){
- position:fixed;
- animation:bal 8s linear infinite;
- left:10px;
- }
- .balloon img:nth-child(2){
- position:fixed;
- left:45vw;
- animation:bal 8s linear infinite;
- animation-delay:6s;
- }
- .balloon img:nth-child(3){
- position:fixed;
- animation:bal 7s linear infinite;
- right:5vw;
- animation-delay:3s;
- }
- @keyframes bal{
- from{
- bottom:-30px;
- }
- to{
- bottom:100vh;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement