본문 바로가기

Cording Artist3

Background Color Changer On Click | Javascript Mini Project 남자는 블랙핑크...크윽 See the Pen Background Color Changer On Click | Javascript Mini Project by ektjtthsrk (@minos79) on CodePen. https://www.youtube.com/watch?v=TL9WjQfpQeg 자바스크립트의 이벤트 리스너를 통해서 배경화면을 바꾸는 구문이다. const btn = document.getElementById("btn"); let randomNum = () => { return Math.floor(Math.random()*256); }; let changeColor = () => { // console.log("function called"); let randomColor = `rgb($.. 2023. 7. 6.
Apply Shadow To Clipped Elements See the Pen Apply Shadow To Clipped Elements by ektjtthsrk (@minos79) on CodePen. https://1stminokingdom.tistory.com/259 Split And Reveal Text Effect | CSS Text Animation 최근 공부중인 Css 스승인 [Coding Artist]를 복기하여 본인의 Css공부를 기록하여 보려한다. https://www.youtube.com/watch?v=6o08ebSeZtM See the Pen Split And Reveal Text Effect | CSS Text Animation by ektjtthsrk (@minos79) on CodePe 1stminokingdom.tistory.com.. 2023. 6. 20.
Stunning 3D Effect With CSS https://www.youtube.com/watch?v=OP0ur2QJT00 저번시간에 이어 clip-path : polygon을 사용하여서 마치 장미꽃이 글자사이를 통과하는 효과를 내게 하는 재밌는 구문이다. html 코드중에 어려운건 없지만 이미지를 불러올때 본인의 구글드라이브에 이미지를 업로드 한 후에 그 업로드된 이미지 링크를 src로 사용하면 이미지가 잘 불러와 질것이다. https://www.somanet.xyz/2017/06/blog-post_21.html 구글 드라이브를 외부 이미지 링크 저장소로 사용하기 Update 2020/6/19: 최근 구글 드라이브의 공유주소가 약간 변경되었나 봅니다. 몇몇분이 댓글로 알려주셔서 새롭게 바뀐 Prefix로 변환하도록 수정하였습니다. 다들 관심가져주.. 2023. 6. 19.