일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- html5popup
- html5글자효과
- html5예제
- html5디자인예제
- 솔라나
- 솔라나개발
- html5배경만들기
- html5웹디자인
- 포트폴리오
- 서버
- 웹예제
- NFT개발
- PostgresSQL
- nft예제
- 포트폴리오예제
- HTML5
- html5포트폴리오예제
- html5기초예제
- html5웹디자인예제
- 솔라나cookbook
- 솔라나NFT
- 웹디자인예제
- NFT
- grpc
- 웹디자인
- pgpool
- html5기초
- 이중화
- solanaNFT
- NFT솔라나
- Today
- Total
목록웹디자인 고급 (25)
Scikit Web
Bootstrap 기반 아코디언 메뉴 아이오닉 스타일 예제 입니다. HTML 삽입 미리보기할 수 없는 소스
Bootstrap에서 제공해주는 Bootstrap Icon을 사용하는 예제 입니다. 정의 되어 있는 아이콘들은 아래 사이트에서 확인가능합니다. https://icons.getbootstrap.com/ Bootstrap Icons 사이트에서는 CDN 주소를 제공하고 있습니다. Bootstrap Icons 라이브러리를 추가하고 i Tag를 선언해서 사용하는 법과 SVG를 선언하여 사용하는 방법 2가지를 제공하고 있습니다. i Tag를 선언해서 안보이는 아이콘들이 있는데.. SVG를 사용하는 방법으로 사용하시면 됩니다. HTML 삽입 미리보기할 수 없는 소스
CSS 에서 동적으로 변수를 할당하여 그 하위에서 사용하는 방법으로 구성된 예제 입니다. CSS 에서 --[변수 이름] 으로 선언하고 그 하위에서 var(--[변수 이름]) 으로 가져와서 사용하면 됩니다 HTML 삽입 미리보기할 수 없는 소스
html5 canvas tag를 사용하여 눈 내리는 효과 배경을 만드는 예제 입니다. 기본적으로 배경이 흰색으로 되어 있는데 이것은 cavas tag에 background-color 속성을 이용하여 변경 가능합니다. HTML 삽입 미리보기할 수 없는 소스
유튜브 영상으로 배경을 만들어주는 라이브러리인 YTPlayer를 사용하는 예제 입니다. https://github.com/pupunzi/jquery.mb.YTPlayer 에서 사용 가능한 많은 옵션들을 확인할 수 있습니다. GitHub - pupunzi/jquery.mb.YTPlayer: use a custom yutube player for a video as background on jQuery framework use a custom yutube player for a video as background on jQuery framework - GitHub - pupunzi/jquery.mb.YTPlayer: use a custom yutube player for a video as backgroun..
htm5 에서는 text를 간단하게 움직이는 효과를 주는 marquee 라는 테그가 있습니다. 해당 예제는 marquee tag를 사용하지 않고 css 에 있는 속성으로 구현되어 있는 예제 입니다 HTML 삽입 미리보기할 수 없는 소스
CSS에 있는 linear-gradient 효과를 이용하여 글자에 무지개 효과는 넣는 예제 입니다. 텍스트가 무조건 대문자로 보이게 text-transform: uppercase; 라는 속성도 적용되어 있습니다. HTML 삽입 미리보기할 수 없는 소스