kain74

<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Monaco, verdana, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #d7ba7d;">// 저같은 경우는 이런식으로 했어요... 텍스트길이가</span></div>
<div><span style="color: #d7ba7d;">// 늘어나도 중앙으로 항상 배치되게끔요.</span></div>
<div><span style="color: #d7ba7d;">.main-message</span>{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">font-size</span>:<span style="color: #b5cea8;">2.5rem</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">opacity</span>:<span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">top</span>:<span style="color: #b5cea8;">50%</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">-webkit-transform</span>:&nbsp;<span style="color: #dcdcaa;">translateY</span>(<span style="color: #b5cea8;">-50%</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">transform</span>:&nbsp;<span style="color: #dcdcaa;">translateY</span>(<span style="color: #b5cea8;">-50%</span>);</div>
<div>}</div>
<div>스크립트도 시작되는위치가 -30% 되도록 처리하고</div>
<div>끝나는 위치가 -70%가 되게하면 될꺼같습니다.</div>
</div>

질문 드립니다.

<p>opaicty는 돔이 화면에 살아있습니다.</p>
<p>display:none은 돔이 사라집니다.</p>
<p>아코디언만들때 생각해보시면 그차이를 알수있을겁니다.</p>

opacity:0, display:none의 차이가 무엇인가요?

<p>캐릭터소스 다운로드할수있는곳있나요?</p>

표준 커스텀 속성 질문있어요~

<p>아 그런가요?&nbsp; 처음부터 똑같이 따라했는데... 다시 봐야겠네요 ㅠㅠ</p>

kain74

Posts