본문 바로가기
실시간TV∴영화∴드라마∴예능

디자인소스57

jQuery 간단한 뉴스 티커 fade, roll, slide 효과 jQuery를 이용한 간단한 뉴스티커 fade, roll, slide 효과 입니다 2023. 10. 26.
design climate code animated movie 날씨 온도 습도 기후 코드 디자인 design climate code animated movie 날씨 온도 습도 낮 밤 기후 코드 애니메이션 디자인 2023. 10. 23.
The Text aurora (only CSS) css 만으로 Text에 오로라 효과 Text aurora (only CSS) css 만으로 Text에 오로라 효과 를 간단하게 구현할수 있습니다. 2023. 10. 23.
Smart Web Lyrics Player 실시간 가사 출력 음악에 실시간 가사를 출력하는 소스 입니다. 저희 스마트웹 음악플레이어 에도 현제 사용 중입니다. 2023. 10. 18.
오디오 무지개 스펙트럼 시각화 audio rainbow spectrum visualizervue canvas 저희 스마트웹 에서도 사용하는 스펙트럼 오디오 입니다. 적절히 수정해서 사용 하세요. #오디오 #무지개 #스펙트럼 #시각화 #캔버스 2023. 10. 13.
오디오 이퀄라이저 스펙트럼 입자 효과 Audio Musical Particles 저희 스마트웹 에서도 사용하는 오디오 이퀄라이저 입자 효과 입니다. 자동 연속 재생 기능과 리스트에 로컬파일 추가 및 재생 기능이 있습니다. 입자, 백라이트, 스펙트럼, Glow 효과를 온 오프 할수 있습니다. 2023. 10. 13.
CSS Grid Audio bar graph equalizer animation CSS 그리드 오디오 막대 그래프 이퀄라이저 애니메이션 효과 입니다 적절히 수정해서 사용 하세요. 2023. 10. 9.
DPlayer Unminify edit source 깔끔한 DPlayer 입니다. 소스 편집 하기쉽게 CSS, JS 파일 Unminify 하여 놓았습니다. 적절히 수정하여 사용 하시기 바랍니다. 2023. 10. 8.
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.
반응형
Copyright ⓒ SmartWeb All rights reserved.

티스토리툴바