디자인소스64 음악방송 웹플레이어 디자인 구글 크롬(Chrome) 오디오 자동재생 아래주소를 크롬 주소창에 붙여넣고 이동 chrome://settings/content/sound 맞춤설정된 동작 소리 재생이 허용됨 에 아래코드 추가 [*.]xtx.kr 마이크로소프트 엣지(Edge) 미디어 자동실행 아래주소를 엣지 주소창에 붙여넣고 이동 edge://settings/content/mediaAutoplay 미디어 자동 실행 허용 에 아래코드 추가 [*.]xtx.kr http://go.xtx.kr/?95 추억찾기 음악방송 서비스 musictrot.com 뮤직트로트에서 제공하는 음악방송 서비스 입니다. 2023. 12. 2. CSS 기반 스크롤 애니메이션 반응형 웹페이지 디자인 순수 CSS 기반 스크롤 애니메이션 반응형 웹페이지 디자인 입니다. 소스를 적절히 수정하시면 멋진 웹페이지를 구성할수 있습니다. :root { --text-color: hsl(230 16% 28%); /* header */ --header-bg: hsl(0 0% 100% / 75%); /* section */ --section: hsl(0 0% 93%); --section-even: hsl(210deg 15% 92%); /* tiles */ --red: hsl(10 83% 52%); --green: hsl(157 91% 43%); --blue: hsl(210 100% 45%); --purple: hsl(266 100% 67%); --yellow: hsl(49 100% 73%); --black: hsl(0.. 2023. 11. 30. HTML Audio PlayList Player 간단한 HTML 오디오 재생 목록 플레이어 입니다. 소스를 적적히 수정하시면 훌륭한 플레이어 디자인이 될 것입니다. body{ background: #00d2ff; background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff); background: linear-gradient(to right, #3a7bd5, #00d2ff); color: #ffc266; } #myProgress { width: 420px; background-color: #d9d9f2; cursor: pointer; border-radius: 10px; } #myBar { width: 0%; height: 5px; background-color: #ffc266; border-radi.. 2023. 11. 29. 초간단 레인보우 원형 테두리 회전 효과 CSS 레인보우 테두리 회전 효과 CSS 입니다. 소스를 적절히 수정해서 사용하시면 훌륭한 효과를 구현 할수 있습니다. @property --a { syntax: ''; initial-value: 0deg; inherits: false } html, body { display: grid } html { height: 100% } body { background: dimgrey } .spinner { box-sizing: border-box; place-self: center; width: min(100%, 18em); aspect-ratio: 1; padding: 1.25em; border-radius: 50%; box-shadow: 2px 2px 17px #000; background: url("https:/.. 2023. 11. 29. Clappr 플레이어 통계(카운터 타이머 추가 정보) Clappr 플레이어 통계 카운터 타이머 추가 정보를 추출하는 플러그인 입니다. 2023. 11. 15. YouTube 전체화면 비디오 배경 YouTube 비디오를 배경 전체화면 으로 재생합니다. 적절히 수정해서 사용 하세요. 2023. 11. 14. CSS3 스핀 프리로더 및 프리로드 페이지 CSS3 스핀 프리로더 및 프리로드 페이지 입니다. 적절히 수정해서 사용 하세요. 2023. 11. 14. Windows10 Loading 재미로 만들어본 윈도우10 로딩 화면 입니다. 2023. 11. 14. 반응형 레이아웃 디자인 순수한 css 로만 구현한 반응형 레이아웃 디자인 입니다. 적적하게 수정하여 사용 하세요. 2023. 11. 14. shop shoes eCommerce CSS Grid 신발 쇼핑 전자상거래 CSS 그리드 쇼핑몰에 응용하여 사용하면 좋을듯 ... 2023. 11. 14. CSS Progress bars CSS 진행률 표시줄 디자인 입니다. 다양한 용도로 활용할수 있습니다. 2023. 11. 11. Speaker animation 스피커 애니메이션 입니다. audio 와 연동하여 사용해 보세요. 2023. 11. 11. 카시오 스타일 시계 카시오 스타일 시계 F-91W 디자인 입니다 2023. 11. 11. 깔끔한 부트트랩 반응형 메뉴바 깔끔한 부트트랩 반응형 메뉴바 입니다 bootstrap 4 Responsive navbar 2023. 11. 6. Spectrum Audio Visualizer 스펙트럼 오디오 시각화 화면을 클릭할때마다 재생, 정지 반복 2023. 10. 28. 이전 1 2 3 4 5 다음 반응형
