반응형 TweenMax2 TweenMax 텍스트 애니메이션 TweenMax로 텍스트가 순차적으로 보이는 애니메이션을 만들었습니다. 한글자씩 제어하기 위해 lettering.js 도 같이 사용했습니다. Hello, Tweenmax Splittext animation test! #wrap { max-width: 300px; } #cont { font-size: 30px; font-weight: bold; color: #333; } #cont .txt { display: block; float: left; } #cont .txt1 { color:#6271fd; } #cont .txt2 { color:#8b72fa; } #cont .txt3 { color:#121280; } #cont .txt span { display: block; float: left; positi.. 2019. 10. 2. TweenMax 눈내리는 효과 트윈맥스를 사용하여 눈내리는거 같은 효과를 만들어봤습니다. * { margin:0; padding:0; box-sizing:border-box; } section { position:relative; background:#333; height:500px; overflow:hidden; } .circle { position:absolute; width:8px; height:8px; border-radius:50%; } .circle1 { background:green; } .circle2 { background:snow; } .circle3 { background:salmon; } $(function(){ var $win = $(window), $section = $('section'), $hei = $s.. 2019. 9. 28. 이전 1 다음 반응형