happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기본 소스

현재접속자 명

it 서비스 사업 및 프로그램등 다양한 분야의 정보 happycgi에서 공유하세요

실제 사용후 테스트한 믿을만한 자료입니다.

https://speckyboy.com/content-overlays-css3-transitions/

조회수 : 1,952건

컨텐츠를 현재 페이지의 오버레이 상태로 불러오는 UI

마우스로 드래그 했을때의 파란 색상 변경하는 ::selection CSS

조회수 : 1,513건

브라우저를 사용할때 마우스로 드래그하면 기본적으로 나오는 파란색을 확인하실 수 있는데요. 이 기본 푸...

글자 자르기css (ellipsis,white-space:nowrap)

홈페이지내 제목이 길경우 ... 으로 표시하는 유용한 글자자르기...

단순함을 벗어난 입체감의 폼디자인 CSS

아주 간단한 CSS이지만 초급자를 위한 팁정보! 단순함을 벗어나...

css grid를 이용한 웹사이트 latout 만들기

css grid를 이용하여 손쉽게 웹사이트 grid latout 을 잡을 수 ...

부트스트랩 윈도우 95 테마 CSS

부트스트랩 윈도우 95 테마 입니다.

미리보기

내용

평점

[기본 소스] css grid를 이용한 웹사이트 latout 만들기

css grid를 이용하여 손쉽게 웹사이트 grid latout 을 잡을 수 있습니다.

해피팀

네티즌

조회수

347 건

[기본 소스] 부트스트랩 윈도우 95 테마 CSS

부트스트랩 윈도우 95 테마 입니다.

해피팀

네티즌

조회수

261 건

[유용한 사이트] 71종류의 css를 이용한 폼 디자인 - freefrontend.com

css를 이용한 71가지의 폼 디자인입니다.

해피팀

네티즌

조회수

699 건

[기본 소스] 반응형 열 레이아웃

브라우저 창 크기를 조정하여 열 조정되는 반응형 레이아웃 css입니다. IE

해피팀

네티즌

조회수

582 건

[기본 소스] 다양한 박스 그림자 효과 Material Design Box Shadows

css를 이용하여 컨텐츠가 있는 박스의 그림자 효과를 넣을수 있습니다.

해피팀

네티즌

조회수

1,130 건

[기본 소스] Display flex를 이용한 컨텐츠 세로중앙정렬

텍스트가 늘어나도 가운데부터 정렬이되여 화면상에 보여줍니다. 하위버전의 ie에서는 작동이안되며 크롬 및 모바일기기에서는 작동이 잘됩니다 ^^

해피팀

네티즌

조회수

887 건

[기본 소스] display: table-cell을 이용한 컨텐츠의 수직적 중앙정렬

display: table-cell을 이용한 블럭요소의 컨텐츠 수직적 중앙정렬 방법입니다.

해피팀

네티즌

조회수

709 건

[기본 소스] box - shadow 효과로 개체에 그림자 넣기

기존에 bg로 그림자 효과를 냈었다면, 이제는 CSS의 box-shadow 속성을 이용해서 간편하게 그림자 효과를 나타낼 수 있습니다.

해피팀

네티즌

조회수

572 건

[기본 소스] 빈영역에 세로 및 가운데 정렬 tip

빈영역에 div를 위치시킬때 컨텐츠를 세로 및 중앙 정렬을 할 수 있는 팁입니다.

해피팀

네티즌

조회수

644 건

[기본 소스] CSS로 이미지에 흐림효과 (filter:blur) 적용하기

CSS로 이미지에 흐림효과 (Blur) 적용하는 방법으로, 편집프로그램이 없이도 이미지에 충분한 효과를 적용할 수 있는 편리한 기능입니다.

해피팀

네티즌

조회수

3,416 건

[기본 소스] CSS로 input 박스 클릭시 생기는 테두리 없애기 input:focus

인풋박스를 클릭하여 값을 입력할 떄 생기는 테두리를 없앨 수 있는 CSS소스를 알려드립니다. focus를 활용하여 테두리를 지울 수 있습니다.

해피팀

네티즌

조회수

13,623 건

[기본 소스] 마우스로 드래그 했을때의 파란 색상 변경하는 ::selection CSS

브라우저를 사용할때 마우스로 드래그하면 기본적으로 나오는 파란색을 확인하실 수 있는데요. 이 기본 푸른색상을 CSS로 변경이 능합니다. selection...

해피팀

네티즌

조회수

1,513 건

[기본 소스] 자주 쓰이는 px, em 변환 단위 정리표

웹사이트 코딩시 자주 쓰이는 폰트에 대해 px와 em을 간단히 정리한 표를 고융해드립니다. 소수점 단위라 코딩시에 매번 까먹게 되는데 유용하게 쓰실...

해피팀

네티즌

조회수

1,652 건

[기본 소스] CSS Checkbox Library

재미있고 다양한 체크박스 형태를 만나보세요

해피팀

네티즌

조회수

2,653 건

[기본 소스] https://speckyboy.com/content-overlays-css3-transitions/

컨텐츠를 현재 페이지의 오버레이 상태로 불러오는 UI

해피팀

네티즌

조회수

1,952 건

[기본 소스] CSS Selector 다양하게 활용가능한 CSS 선택자 알아보기

CSS는 다양한 선택자를 통해 요소를 선택할 수 있습니다. 몰랐던 선택자를 통해 다양한 CSS를 직접 구현해 보시길 바랍니다.

해피팀

네티즌

조회수

2,089 건

[기본 소스] Placeholder

html 버전이 올라가면서 이번에 새롭게 생긴 속성중 palceholder가 있습니다. 이 태그의 역활은 인풋박스에 광고문구나 특정키워드 또는 해당 입력란...

해피팀

네티즌

조회수

3,159 건

[기본 소스] Css3를 아주 간단하게 만들어 봅시다

코딩시 필수 CSS3를 자동으로 작성해줍니다. 매번 기억이 나지않는 코드를 검색하느라 시간을 다보낼수도 있는데. 위 사이트에서 원하는 항목을 클릭...

해피팀

네티즌

조회수

3,000 건

[기본 소스] 미디어쿼리(반응형 CSS)에 대한 정보제공 사이트

다양한 디바이스, 해상도에 맞춰 미디어쿼리로 제작된 사이트 샘플을 제공하는 미디어쿼리 참고 샘플사이트입니다.

해피팀

네티즌

조회수

2,555 건

[기본 소스] CSS3를 이용하여 점선 라인 만들기

이미지료 표현해야했던 좀 더 디자인스러움이 가미된 점선라인을 CSS3에서 dashed 스타일을 보강하여 사용할 수 있습니다.

해피팀

네티즌

조회수

2,596 건