Today coding coord </CODi> 열기 분류 전체보기 Javascript jQuery HTML CSS LAYOUT SITE 제작 JS 응용하기 CSS 애니메이션 PRESENTATION 일러스트레이터 NodeJS TIP MySQL 프로그래머스 분류 전체보기 Javascript jQuery HTML CSS LAYOUT SITE 제작 JS 응용하기 CSS 애니메이션 PRESENTATION 일러스트레이터 NodeJS TIP MySQL 프로그래머스 관리 글쓰기 로그인 로그아웃 메뉴
728x90 JS 응용하기32 #검색결과 총 32개를 찾았어요 ^^b / 게임 이펙트 01 : 뮤직플레이어 / 시계 구현 패럴렉스 이펙트_07 각 span태그가 감싸여있지 않은 문장들을 span태그로 감싸 각 이미지와 span태그에 after/before 요소를 통해 효과를 주도록 해보겠습니다 👩🏻💻 HTML 코드 HTML 코드는 바탕화면에 5가지 아이콘을 구성하기 위해 icon의 배치만 적절히 해주기 위해서, 각 아이콘을 만들어 주도록 합니다🏄♂️ gamneeffect SOURCE VIEW 얼마나 알고있나 CSS 속성...! 2분 동안 CSS 속성을 많이 검색하면 점수가 올라갑니다. 기억이 나지 않으면 힌트보기를 한번 이용할 수 있습니다. 2:00 검색하기 게임 시작 :3 전체 속성 갯수 : 0 현재 맞춘 갯수 : 0 다시 도전하기 SOURCE VIEW 게임 01 게임 02 게임 03 뮤직 소스 보기 1 Music p.. 2022. 10. 24. 서치 이펙트 07 서치 이펙트_07 각 요소가 정확히 있는지 확인 후 일정 시간이 지나면 SVG와 맞은 갯수를 출력해주는 예제를 구현해보도록 하겠습니다 👩🏻💻 HTML 코드 HTML 코드는 크게 신경쓸것이 없으나, 서치게임, 오디오, 꿀벌 SVG 형성을 위한 HTML 뼈대이므로 잘 작성해줍니다 🏄♂️ CSS 속성 검색 이벤트 CSS 랜덤 검색하기 2분 동안 CSS 속성을 많이 검색하면 점수가 올라갑니다. 기억이 나지 않으면 힌트보기를 한번 이용할 수 있습니다. 2:00 검색하기 버튼을 누르면 게임이 시작됩니다. 전체 속성 갯수 : 0 현재 맞춘 갯수 : 0 다시 도전하기 CSS 코드 : 애니메이션 본 CSS를 통해 살을 붙여줍니다 👀 /* * { margin: 0; padding: 0; box-sizing: borde.. 2022. 10. 21. 슬라이드 이펙트 06 슬라이더 이펙트_06 이미지 5개를 기준으로 맨 뒷부분에 첫 이미지를, 맨 앞부분에 마지막 이미지를 추가해 마지막 이미지에 도달시 순간적으로 첫 이미지로 이동시켜 무한으로 이동시키는것과 같은 효과를 지닌 예제를 만들어 보도록 하겠습니다 👩🏻💻 HTML 코드 HTML 코드는 크게 신경쓸것이 없으나, 슬라이드를 구현하기 위해 하단과 같이 코드를 작성해 뼈대를 생성해줍시다 🏄♂️ 이미지1 이미지2 이미지3 이미지4 이미지5 prev next CSS 코드 : 애니메이션 CSS를 통해 각각 dot과 active 클래스를 생성해 슬라이드 닷 까지 구성해줍니다. 👀 /* slider */ .slider__wrap { /* background: #000; */ width: 100%; height: 100vh; /*.. 2022. 10. 21. 슬라이드 이펙트 07 슬라이더 이펙트_07 닷 메뉴를 클릭하면 해당 이미지로 이동하고 플레이/정지 클릭 여부에 따라 슬라이드를 멈춰주는 예제를 만들어보도록 하겠습니다~ 👩🏻💻 HTML 코드 HTML 코드는 크게 신경쓸것이 없으나, 슬라이드를 구현하기 위해 하단과 같이 코드를 작성해 뼈대를 생성해줍시다 🏄♂️ 이미지1 이미지2 이미지3 이미지4 이미지5 prev next CSS 코드 : 애니메이션 CSS를 통해 각각 dot과 active 클래스를 생성해 슬라이드 닷 까지 구성해줍니다. 👀 /* slider */ .slider__wrap { /* background: #000; */ width: 100%; height: 100vh; /* background-color: #ccc; */ display: flex; align-i.. 2022. 10. 21. 이전 1 2 3 4 ··· 8 다음 728x90 반응형
최신댓글
총 방문자