Перетруси 2019-й. "Я запам’ятаю рік за цією новиною..."

/*//////////////////////////// first /////////////////////////////////*/ .newsWrapper { position: relative; margin: 0px auto; padding: 30px; height: 500px; background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 80%); /*background: url("background.png?123") rgb(50,49,56);*/ outline: 1px solid snow; outline-offset: -12px; color: snow; font-family: 'Open Sans', sans-serif; font-size: 1.25em; font-weight: 400; text-align: center; line-height: 1.15;} /*//////////////////////////// images /////////////////////////////////*/ .newsWrapper img { position: absolute; display: block; width: 15px; margin: 0px auto; transform: translateX(-50%);} .newsWrapper > img:first-child { top: 25px; left: 49%; margin: 0px auto; padding-top: 0px; width: 150px; text-align: center;} .newsWrapper > img:nth-child(5) { bottom: 5%; left: 50.1%; transform: translateX(-50%); margin: 0px auto; padding-top: 0px; text-align: center;} /*//////////////////////////// divs /////////////////////////////////*/ .newsWrapper div { margin: 0px auto; font-size: 16px; transition: 1s;} .newsWrapper div:nth-child(3) { padding: 20px;} /*//////////////////////////// buttons /////////////////////////////////*/ .newsWrapper button { margin: 0 20px; height: 10%; background-color: snow; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 400; transition-duration: 0.4s; border: none; box-shadow: 6px 5px 5px -1px rgba(0, 0, 0, 0.3); border-radius: 7px;} .newsWrapper button:hover { /*background-color: black;*/ background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%); border: 0.5px solid snow; /*background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);*/ color: snow; cursor: pointer; box-shadow: none;} .newsWrapper button svg { padding: 0px 5px;} .newsWrapper button:hover svg { fill:snow;} .newsWrapper button:nth-child(4) { position: absolute; margin: 0px auto; bottom: 15%; left: 50%; transform: translateX(-50%);} /*.newsWrapper > div:nth-child(3) button { position: absolute; bottom: 15%; left: 50%; width: auto; margin: 0px auto; padding: 0px 10px; transform: translateX(-50%); text-align: center;}*/ .newsWrapper a { text-decoration: none; /*font-size: 32px;*/ font-size: 28px; font-weight: 700; color: snow;} /*//////////////////////////// #news /////////////////////////////////*/ .newsWrapper > div:nth-child(2) { position: absolute; left: 50%; top: 15%; transform: translateX(-50%); padding: 10px; width: 90%; font-size: 32px; font-weight: 700;} #newsText { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; max-width: 80%; font-size: 24px; line-height: 1.2; align-items: center; text-align: center;} /*//////////////////////////// animation /////////////////////////////////*/ .newsWrapper button { -webkit-animation: moving 4s infinite; -moz-animation: moving 4s infinite; -o-animation: moving 4s infinite; animation: moving 4s infinite;} @-webkit-keyframes moving { 0%,100% { transform: translateX(-50%) translateY(0px) } 50% { transform: translateX(-48%) translateY(4%); } } @-moz-keyframes moving { 0%,100% { transform: translateX(-50%) translateY(0px) } 50% { transform: translateX(-48%) translateY(4%); }} @-o-keyframes moving { 0%,100% { transform: translateX(-50%) translateY(0px) } 50% { transform: translateX(-48%) translateY(4%); }} @keyframes moving { 0%,100% { transform: translateX(-50%) translateY(0px) } 50% { transform: translateX(-48%) translateY(4%); }} .magictime.vanishIn { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; background-image: none;} div.magictime.vanishIn:hover { border: 1px solid snow; padding: 0px 5px 5px 5px;} /*div.magictime.vanishIn:hover:after {}*/ .magictime.swashIn { -webkit-animation-duration: 1s; animation-duration: 1s; font-style: italic; font-size: 24px; font-weight: 400 !important;} .swashIn{ -webkit-animation-name:swashIn; animation-name:swashIn;} @-webkit-keyframes swashIn{ 0%{ opacity:0; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(0.85); transform:scale(0.85)} 90%{ opacity:1; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(1); transform:scale(1) } to{ opacity:1; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(1); transform:scale(1) } } @keyframes swashIn{ 0%{ opacity:0; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(0.85); transform:scale(0.85) } 90%{ opacity:1; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(1); transform:scale(1) } to{ opacity:1; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(1); transform:scale(1) } } /*///////////////////////// social media button //////////////////////////////*/ .shareButtons { position: absolute; visibility: hidden; bottom: 8%; left: 50%; width: 40px; transform: translateX(-50%); opacity: 0; border-radius: 50%; box-shadow: 6px 5px 5px -1px rgba(0, 0, 0, 0.30); cursor: pointer; transition-duration: 0.4s;} .shareButtons circle { fill: none; stroke: snow; stroke-width: 2;} .shareButtons path { fill:snow;} .shareButtons:hover { /*background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);*/ background: snow; box-shadow: none;} .shareButtons:hover path { fill: #2b5876;} /*/////////////////////////// screens ////////////////////////////*/ @media screen and (max-width: 450px) { #news { width: 90%; } #newsText { line-height: 1; transform: translate(-50%,-60%) !important; font-size: 20px;} .newsWrapper > div:nth-child(2) { font-size: 26px; } .newsWrapper button { font-size: 16px; } .newsWrapper button:nth-child(4) { margin: 0px auto !important; left:46%;} #news > div:nth-child(2) { font-size: .8em } .newsWrapper { height: 400px; } .magictime.swashIn { font-size: 16px; font-weight: 400 !important;} .newsWrapper div:nth-child(3) { padding: 2px; } .newsWrapper a { font-size: 18px; line-height: 1; } .shareButtons { width: 30px !important; bottom: 10% !important;} #shareF { left: 40% !important; } #shareT { left: 60% !important; } } @media screen and (max-device-width: 450px) { #news { width: 90%; } #newsText { line-height: 1; transform: translate(-50%,-60%) !important; font-size: 20px;} .newsWrapper > div:nth-child(2) { font-size: 26px; } .newsWrapper button { font-size: 16px; } .newsWrapper button:nth-child(4) { margin: 0px auto; left:50%;} #news > div:nth-child(2) { font-size: .8em } .newsWrapper { height: 400px; } .magictime.swashIn { font-size: 16px; font-weight: 400 !important;} .newsWrapper div:nth-child(3) { padding: 2px; } .newsWrapper a { font-size: 18px; line-height: 1; } .shareButtons { width: 30px !important; bottom: 10% !important;} #shareF { left: 40% !important; } #shareT { left: 60% !important; } } /*/////////////////////////// ZAXID.NET stop ////////////////////////////*/ #newsSummary a { /*box-shadow: inset 0 -1px #999;*/ box-shadow: none !important;} #newsSummary a:hover{ /*color:#999!important;*/ color:snow!important;}

Ви вже приготувалися зустрічати Новий рік, зібралися з друзями/родичами, а поговорити немає про що? Або просто хочете згадати 2019 рік з його божевільними новинами, але крім виборів президента нічого не пам'ятаєте?

Ми відібрали кілька десятків новин, якими запам'ятався 2019 рік. Багато з них не дуже серйозні, зате достатньо незвичні, аби згадати їх.

Просто тисніть кнопку «Почати»/«ще раз» або потрусіть своїм смарфоном. Всі заголовки новин клікабельні. І не забудьте поділитися результатом у соймережах

2019. Вибране Почати