|
|
| 1번째 줄: |
1번째 줄: |
| <div class="flex justify-center items-center">
| | |
| <div class="w-[430px] h-[932px] shadow overflow-hidden flex flex-col items-center" style="border: 10px solid #000; border-radius: 2.5rem;">
| |
| <div class="w-full py-2 flex justify-between z-50" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0))">
| |
| <div class="flex justify-center" style="flex-basis: 30%"><div class="text-white drop-shadow-md">'''5:20'''</div></div><div class="flex justify-center" style="flex-basis: 40%"></div><div class="flex justify-center" style="flex-basis: 30%"><div class="flex gap-2 pt-1.5 -mb-1.5 drop-shadow-md"><i class="fas fa-signal text-white"></i><i class="fas fa-wifi text-white"></i><i class="fas fa-battery-full text-white"></i></div></div>
| |
| </div>
| |
| <div class="flex flex-col items-center">
| |
| <div class="-mt-20"><div class="blur-3xl saturate-125"><div class="w-[1082px] h-[1082px] bg-[url('https://evewiki.kr/w/images/0/01/%EB%A7%90%ED%95%B4%EC%A4%98.png')]"></div></div></div>
| |
| <div class="-mt-[1002px] pt-2 w-[410px] z-50 flex flex-col items-center">
| |
| <div class="w-[370px] h-[370px] rounded-xl overflow-hidden shadow-xl">https://evewiki.kr/w/images/0/01/%EB%A7%90%ED%95%B4%EC%A4%98.png</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| {{#CSS:
| |
| .shadow { box-shadow: 0px 4px 12px rgba(0,0,0,.08) !important }
| |
| .shadow-xl { box-shadow: 0px 12px 24px rgba(0,0,0,.64) !important }
| |
| .transition { transition: all .3s cubic-bezier(0,0,.5,1) !important }
| |
| }}
| |