본문 바로가기

디자인소스64

Open in Editor JW Player 간단한 JW Player 입니다. 2023. 10. 8.
Musical Christmas Lights equalizer 효과 배경음악 This Christmas - Dott 우측 하단 0.25× 축소 버턴 클릭해서 보시면 깔끔하게 보입니다. 응용해서 만든 예제파일 새창에서 보기 E.Q. 오디오 플레이어 www.musictrot.com 2023. 10. 8.
Digital Clock 디지탈 시계 멋진 디지탈 시계 소스 코드 입니다. 필요하신분은 첨부파일 다운 받으세요. 2023. 10. 4.
[HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration 글자에 밑줄을 긋고, 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해보겠습니다. 글자에 밑줄을 긋기 위해서는 CSS의 text-decoration 속성을 사용합니다. ext-decoration : underline; 간단하게 text-decoration 속성을 underline으로 지정하여 문자열에 밑줄을 그었습니다. 이번에는 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해 보겠습니다. 앞에서 간단히 밑줄을 긋는데 사용했던 text-decoration 속성을 사용하면 이런 다양한 속성들도 정의할 수 있습니다. text-decoration text-decoration 속성은 다음 속성들의 단축 속성입니다. 즉, 아래의 속성들을 각각 지정할 수도 있고, text-decor.. 2023. 10. 4.
티스토리 블로그 더보기 버튼 css로 꾸미기 스킨 편집 - html편집 CSS탭으로 이동하신 후, 가장 아래의 빈 공간에 아래의 코드를 추가하신 후 저장해 주시면 됩니다. .btn-toggle-moreless, .btn_more, .btn_less { background: #000; /*버튼 배경색*/ } .btn-toggle-moreless, .btn_more, .btn_less { z-index: 1; position: relative; display: inline-block; padding: 5px 7px; /*버튼 안쪽 패딩*/ border-radius: 8px; /*버튼 둥근 정도*/ margin-top: 5px; color: #fff!important; /*버튼의 더보기 글씨색. 하얀색입니다.*/ font-size: 14px!import.. 2023. 9. 26.
심플한 오디오 플레이어 HTML5 Audio CSS style 심플한 오디오 플레이어 입니다. 소스 2023. 9. 23.
CSS 웹 페이지 터치 이벤트 -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); 위의 CSS 코드는 모바일 웹 개발에서 사용되는 코드 일부로, 웹 페이지에서 터치 이벤트에 대한 특정 스타일 및 동작을 설정합니다. 이 코드를 각각 설명해보겠습니다. -webkit-touch-callout:none; 이 코드는 웹 페이지에서 글자나 이미지를 길게 터치했을 때 나타나는 기본 브라우저 메뉴를 비활성화합니다. 예를 들어, 글자나 이미지를 길게 눌렀을 때 "이미지 저장", "링크 복사"와 같은 메뉴가 표시되지 않도록 합니다. -webkit-user-select:none; 이 코드는 텍스트나 요소의 선택(드래그 및 복사).. 2023. 9. 23.
깔끔한 jQuery Audio Player 제이쿼리를 이용한 깔끔한 오디오 플레이어 입니다. CSS HTML SCRIPT 2023. 9. 23.
HLS M3U8 Player 반응형으로 사이즈가 조절되는 HLS Player 입니다. HTML 삽입 미리보기할 수 없는 소스 소스 2023. 9. 21.
Animated text fill 애니메이션 텍스트 HTML 삽입 미리보기할 수 없는 소스 소스 Spice up your type with CSS Animated text fill — no JavaScript required — 2023. 9. 21.
Placeholder 포커스시 감추기, 글자색 변경 아래와 같이 css를 삽입함으로 이를 처리할수 있다. CSS Placeholder 포커스시 감추기 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:tra.. 2023. 9. 21.
CSS3 Loader & Spinners 모음 HTML 삽입 미리보기할 수 없는 소스 소스 Loading Loading Loading L ading Load ng Load ng Loading Load ng Load ng Loading Loading 2023. 9. 20.
Glowing Pulse Search Form Search HTML 삽입 미리보기할 수 없는 소스 2023. 9. 20.
CSS3 Checkbox Styles CSS3 Checkbox StylesClick any button below " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스소스CSS3 Checkbox St.. 2023. 9. 19.
Candy Color Button Animation HTML 삽입 미리보기할 수 없는 소스 Read More Read More Read More Read More Read More Read More Read More Read More Read More Read More Read More Click!Read More Read More Read More Read More 2023. 9. 19.
반응형
Copyright ⓒ SmartWeb All rights reserved.

티스토리툴바