(새 문서: <html> <div class="aaa">사쿠라의 거부할 수 없는 미래</div> <style> .aaa { width: 100%; font-size: 2.5rem; font-weight: 900; opacity: 0; transition: all 0.5s; } </style> <script> let observer = new IntersectionObserver((e)=>{ e.forEach((asdf)=>{ if (asdf.isIntersecting){ asdf.target.style.opacity = 1; } }) }) observer.observe('.2023031701') </script> </html>) |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 12개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<html> | <html> | ||
<div class="aaa">사쿠라의 거부할 수 없는 미래</div> | <div class="aaa" onclick="location.href='https://evewiki.kr/w/index.php/사용자:Sakura';"><span style="color: #0095DA">사쿠라의</span> 거부할 수 없는 <span style="color: #0095DA">미래</span></div></a> | ||
<style> | <style> | ||
body { background-color: black;} | |||
.aaa { | .aaa { | ||
padding: 50px 0; | |||
width: 100%; | width: 100%; | ||
font-size: | background-image: url('https://dams.pa.go.kr/dams/DOCUMENT/2017/11/09/DOC/SRC/0104201711091028051155794012012.jpg'); | ||
font-weight: | background-repeat: no-repeat; | ||
background-size: cover; | |||
background-position: center 30%; | |||
color: #FFF !important; | |||
text-align: center; | |||
font-family: 'KIMM_Bold'; | |||
font-size: 4.0vh; | |||
font-weight: 500; | |||
letter-spacing: -0.75px; | |||
line-height: 150%; | |||
opacity: 0; | opacity: 0; | ||
transition: all 0.5s; | transition: all 0.5s; | ||
} | |||
@font-face { | |||
font-family: 'KIMM_Bold'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2'); | |||
font-weight: 700; | |||
font-style: normal; | |||
} | } | ||
</style> | </style> | ||
| 17번째 줄: | 35번째 줄: | ||
if (asdf.isIntersecting){ | if (asdf.isIntersecting){ | ||
asdf.target.style.opacity = 1; | asdf.target.style.opacity = 1; | ||
asdf.target.style.marginLeft = '0px'; | |||
} | } | ||
}) | }) | ||
}) | }) | ||
observer.observe( | let div = document.getElementsByClassName('aaa'); | ||
observer.observe(div[0]) | |||
</script> | </script> | ||
</html> | </html> | ||
2023년 3월 19일 (일) 01:19 기준 최신판
사쿠라의 거부할 수 없는 미래