1.

Why was Guru Gobind Singh killed?​

Answer» \\ \\\\​body{ margin: 0; padding: 0; }\\.box { background: transparent; width: 500px; height: 400px; position: relative; top: 0; left: 0; display: block; }\\.container{ position: absolute; width: 100%; height: 100%; background-image: linear-gradient(#c6d8ff, #fff); overflow: hidden; z-index: -2; } .wave1, .wave2, .wave3{ position: absolute; width: 200%; height: 10px; bottom: 0; animation: move 16s linear alternate infinite; z-index: -1; } .wave1:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background-repeat: repeat; background-size: 80px 80px; background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f70d1 23px); } .wave1:after{ content: ''; position: absolute; left: -40px; right: 0; bottom: 0; height: 100px; background-repeat: repeat; background-size: 80px 100px; background-image: radial-gradient(circle at 25px 25px, #0f70d1 18px, transparent 19px); } .wave2{ bottom: 50px; left: -40px; z-index: -2; animation: move 8s alternate-reverse ease-in-out infinite; } .wave2:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background-repeat: repeat; background-size: 80px 80px; background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f65a1 23px); } .wave2:after{ content: ''; position: absolute; left: -40px; right: 0; bottom: 0; height: 100px; background-repeat: repeat; background-size: 80px 100px; background-image: radial-gradient(circle at 25px 25px, #0f65a1 18px, transparent 19px); } .wave3{ bottom: 100px; z-index: -3; animation: move 16s alternate-reverse linear infinite; } .wave3:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background-repeat: repeat; background-size: 80px 80px; background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f6081 23px); } .wave3:after{ content: ''; position: absolute; left: -40px; right: 0; bottom: 0; height: 100px; background-repeat: repeat; background-size: 80px 100px; background-image: radial-gradient(circle at 25px 25px, #0f6081 18px, transparent 19px); } @keyframes move{ 0%{ transform: translateX(-200px); } 100%{ transform: translateX(-20px); } } .sun{ position: absolute; top: 8%; left: 15%; height: 40px; width: 40px; border-radius: 50%; background-color: #ff5; box-shadow: 0 0 12px 6px #fe8; z-index: -4; } .fish{ position: absolute; width: 100px; height: 50px; margin: auto; left: 0; right: 0; background: linear-gradient(90deg, #f50 30px, #ff0 30px, #ff0 36px, #f50 36px, #f50 42px, #ff0 42px, #ff0 48px, #f50 48px, #f50 54px, #ff0 54px, #ff0 60px, #f50 60px, #f50 66px, #ff0 66px, #ff0 72px, #f50 72px, #f50 78px, #ff0 78px, #ff0 84px, #f50 84px, #f50 90px, #ff0 90px, #ff0 96px, #f50 96px, #f50 102px); border-radius: 50%; box-shadow: -3px 0 10px -4px #000; } .fish:before{ content: ''; position: absolute; width: 35px; height: 50px; left: 95px; border-left: 15px solid #f50; border-radius: 50%; box-shadow: -70px -15px 0 0px #f50, -68px 20px 0 -10px #f50; z-index: -1 } .fish:after{ content: ''; position: absolute; width: 2px; height: 5px; border-bottom: 15px solid #000; top: 20px; left: 10px; border-radius: 50%; transform: rotate(90deg); } .circle{ position: absolute; width: 300px; height: 300px; margin: auto; bottom: -18px; left: 0; right: 0; background-color: rgba(255, 255, 255, 0); border-radius: 50%; z-index: -3; animation: jump 8s linear infinite; } .circle:before{ content: ''; position: absolute; width: 7px; height: 7px; background-color: #000; top: 14px; left: 110px; border-radius: 50%; z-index: 1; } @keyframes jump{ 75%{transform: rotate(-180deg);} 100%{transform: rotate(-360deg);} } .cloud{ position: absolute; width: 85px; height: 18px; background-color: #fff; border-radius: 60px; left: -6%; top: 25%; animation: wind 20s linear infinite; z-index: -3; } .cloud:before{ content: ''; position: absolute; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; top: -20px; left: -2%; box-shadow: 37px -10px 0 7px #fff; } .cloud:nth-child(2){ top: 30%; left: -54%; transform: scale(0.8); animation-delay: 5s; } @keyframes wind{ 100%{left: 120%;} }\\\\


Discussion

No Comment Found

Related InterviewSolutions