Vətən Müharibəsi Şəhidləri

html, body{ min-height: 10px; } h1{ font-family: sans-serif; font-size: 320%; font-weight: 700; text-shadow: 2px 2px 2px red, 0 0 1em red, 0 0 0.2em red; text-align: center; line-height: 1.0em; } .container{ margin: 4% auto; width: 200px; height: 310px; position: relative; perspective: 950px; } #carousel{ width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; animation: rotation 65s infinite linear; } #carousel:hover{ animation-play-state: paused; } #carousel figure{ display: block; position: absolute; width: 70px; height: 210px; left: 10px; top: 10px; background: black; overflow: hidden; border: solid 1px black; line-height: 0.9; } #carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(310px);} #carousel figure:nth-child(2) { transform: rotateY(14deg) translateZ(310px);} #carousel figure:nth-child(3) { transform: rotateY(28deg) translateZ(310px);} #carousel figure:nth-child(4) { transform: rotateY(42deg) translateZ(310px);} #carousel figure:nth-child(5) { transform: rotateY(56deg) translateZ(310px);} #carousel figure:nth-child(6) { transform: rotateY(70deg) translateZ(310px);} #carousel figure:nth-child(7) { transform: rotateY(84deg) translateZ(310px);} #carousel figure:nth-child(8) { transform: rotateY(98deg) translateZ(310px);} #carousel figure:nth-child(9) { transform: rotateY(112deg) translateZ(310px);} #carousel figure:nth-child(10){transform: rotateY(126deg) translateZ(310px);} #carousel figure:nth-child(11) { transform: rotateY(140deg) translateZ(310px);} #carousel figure:nth-child(12) { transform: rotateY(154deg) translateZ(310px);} #carousel figure:nth-child(13) { transform: rotateY(168deg) translateZ(310px);} #carousel figure:nth-child(14) { transform: rotateY(182deg) translateZ(310px);} #carousel figure:nth-child(15) { transform: rotateY(196deg) translateZ(310px);} #carousel figure:nth-child(16) { transform: rotateY(210deg) translateZ(310px);} #carousel figure:nth-child(17) { transform: rotateY(224deg) translateZ(310px);} #carousel figure:nth-child(18) { transform: rotateY(238deg) translateZ(310px);} #carousel figure:nth-child(19) { transform: rotateY(252deg) translateZ(310px);} #carousel figure:nth-child(20) { transform: rotateY(266deg) translateZ(310px);} #carousel figure:nth-child(21) { transform: rotateY(280deg) translateZ(310px);} #carousel figure:nth-child(22) { transform: rotateY(294deg) translateZ(310px);} #carousel figure:nth-child(23) { transform: rotateY(308deg) translateZ(310px);} #carousel figure:nth-child(24) { transform: rotateY(322deg) translateZ(310px);} img{ -webkit-filter: grayscale(0); cursor: pointer; transition: all .5s ease; } @keyframes rotation{ from{ transform: rotateY(0deg); } to{ transform: rotateY(360deg); } } window.console = window.console || function(t) {}; if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); } VƏTƏN MÜHARİBƏSİ ŞƏHİDLƏRİ