солнцем поцелованный
13 Beaches · Lana Del Rey
• Тайланд / Москва
Артур и Яков
Почерком резким я рисую между точек отрезки,
От пятки до макушки, так соединяются в созвездия веснушки.
- pyrokinesis
[icon]https://i.pinimg.com/564x/c8/0c/1e/c80c1ec4cf09efa943526cea35a6c420.jpg[/icon][nick]Arthur Knyazev [/nick][sign].
[/sign][lz]<a class="lzname">Артур Князев</a><div class="fandom">original</div><div class="info"<center>Нет на земле второго <a href="http://exlibris.rusff.me/profile.php?id=2342"><b>Вас</b></a>.</center></div>[/lz][status]позови меня с собой[/status]
[html] <!-- хтмл каких то блоков от вещего духа --> <div class="shadowsong_wrap"> <div class="shadowsong_block"> <div class="shadowsong_bg"></div> <div class="shadowsont_cont"> <h6>новое сообщение</h6> <em> Посмотри какой сегодня закат в Москве.</em> <span>От: Артур Князев</span> </div> <img src="https://parusmoscow.ru/wp-content/uploads/images/752e3bc970d23060d252507dc742a704.jpg"> </div> </div> <style> @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300;1,400&family=Rubik:wght@400;500;800;900&display=swap'); /* какие то блоки от вещего духа */ .shadowsong_wrap { width: 700px; display: flex; flex-wrap: wrap; justify-content: center; margin: auto; -webkit-text-size-adjust: 100% } .shadowsong_block { width: 600px; height: 400px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; margin: 10px } .shadowsong_block img { transition: all 1s cubic-bezier(.08,.83,.68,1.02) 0s } .shadowsong_bg { background: linear-gradient(to bottom, rgba(41,154,11,0) 0%, rgba(0,0,0,0.29) 18%,rgba(0,0,0,0.48) 39%,rgba(0,0,0,0.69) 74%,rgba(0,0,0,0.85) 100%);; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; transition: all 1s cubic-bezier(.38,.49,0,1.02) 0s; opacity: 0 } .shadowsont_cont { position: absolute; z-index: 2; color: #efefef; padding: 25px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 50px); height: calc(100% - 50px); transform: translateY(55%); transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s; top:0; left: 0 } .shadowsont_cont h6 { padding: 0; margin: 0 0 0px; font: 800 19px Rubik; } .shadowsont_cont em { font: 300 italic 11px/170% Merriweather; letter-spacing: .06em; margin: 25px 0 25px; } .shadowsont_cont span { display: block; font: 400 10px Rubik; letter-spacing: .07em; text-transform: uppercase; background: #101010; padding: 10px 15px; border-radius: 2px; } .shadowsont_cont em, .shadowsont_cont span { transform: translateY(40px); opacity: 0; transition: all .4s cubic-bezier(.3,.71,.42,.84) .25s } .shadowsong_block:hover img { transform: translateY(-60px) } .shadowsong_block:hover .shadowsong_bg { opacity: 1 } .shadowsong_block:hover .shadowsont_cont { transform: translateY(0%); } .shadowsong_block:hover .shadowsont_cont em, .shadowsong_block:hover .shadowsont_cont span { transform: translateY(0%); opacity: 1 } </style> [/html]