728x90
반응형
SMALL

글자타이핑효과 2

[WEB/PHP]p태그를 사용한 글자타이핑효과~!!

지난시간에 이어 이번에도 글자타이핑효과에 대해서 글을 써볼껀데요~ㅋㅋ 이번엔 쫌 긴 소스,, 즉 p태그, span태그 등의 css의 기본적인 태그들로 자동글자효과를 내는 것에 대해서 알아보겠습니다. 자 기본적인 php나 html5폼태그를 사용해서 폼을 구성한 후 css&javscript를 덫붙혀서 아웃트라인을 잡아주면 되는데요. 기본적인 소스들을 적어보겠습니다. TypingTest입니다. 자 이렇게하면 기본적인 흰색배경과 div class의 회색배경에 p태그에 들어간 텍스트글자가 자동으로 써지게 될 것입니다. 결과는 동영상으로 확인해보시고요~ 이 정도는 만들어야 크몽이나 일반적인 웹사이트에 만들어진 것과 같은 유사한 효과를 낼 수 있습니다. 여기서 더더욱 간단하게 만들순 없을 것 같네요~ 아니면 php나..

[WEB/PHP] input창으로 글자타이핑효과를 내보잠~!!

input창으로 간단한 글자타이핑효과를 내보겠습니다. 이 버그는 input창에 자동으로 글씨가 써지는 효과라고 생각하시면 됩니다. html과 php를 사용할 때, 간단하게라든지 쓸모있게 사용할 수 있는 효과라고 보여지더라고요. 이렇게 하면 결과창이,, 이런식으로 나옵니다. 위에는 자동으로 글씨써지는 글이고, 밑에는 마우스커서를 댔을 때, 상황입니다... 다음장에서는 p태그와 자바스크립트&css를 이용한 간단한 글자타이핑효과에 대해서 설명해보도록 하겠습니다. 근데 새해복 많으시고 건강한 한해드길 바랍니다~^^ㅎㅎㅎ;;

728x90
반응형
LIST