편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
<html> | <html> | ||
<div class="aaa">사쿠라의 거부할 수 없는 미래</div> | <div class="aaa"><span style="color: #0095DA">사쿠라의</span> 거부할 수 없는 <span style="color: #0095DA">미래</span></div> | ||
<style> | <style> | ||
body { background-color: black;} | |||
.aaa { | .aaa { | ||
width: 100%; | width: 100%; | ||
text-align: center; | |||
color: white; | |||
font-size: 2.5rem; | font-size: 2.5rem; | ||
font-weight: 900; | font-weight: 900; | ||
17번째 줄: | 20번째 줄: | ||
if (asdf.isIntersecting){ | if (asdf.isIntersecting){ | ||
asdf.target.style.opacity = 1; | asdf.target.style.opacity = 1; | ||
asdf.target.style.marginLeft = '0px'; | |||
} | } | ||
}) | }) | ||
22번째 줄: | 26번째 줄: | ||
let div = document.getElementsByClassName('aaa'); | let div = document.getElementsByClassName('aaa'); | ||
observer.observe( | observer.observe(div[0]) | ||
</script> | </script> | ||
</html> | </html> |
2023년 3월 17일 (금) 02:11 판
사쿠라의 거부할 수 없는 미래