이 사이트는 곧 패쇄 예정입니다. 새로 작업한 사이트로 와주세요^^ http://wiss.tistory.com/

티스토리 뷰




처음에 보면 신기하고 신기했습니다.
소스를 한참을 보고 있으면 크게 어려운 소스는 아닙니다.
우선 두개의 박스를 

<div id="sweet">
<div class="intro">
<div class="outro">
<div class="intro">
<div class="outro">
<div class="intro">
                                      
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>    
                      </div>      
                    </div>        

이런 식으로 구성한 뒤

-webkit-animation: rounddd 8s linear infinite;
  animation: rounddd 8s linear infinite;
transition: border-radius 0.3s linear;

애니메이션을 설정하면 됩니다.^^
창의성이 돋보이네요~


See the Pen juEkL by Ian (@ianhislopdesign) on CodePen.









이 사이트는 곧 패쇄 예정입니다. 새로 작업한 사이트로 와주세요^^ http://wiss.tistory.com/
댓글
댓글쓰기 폼