CSS에 관한글 (39)
[UI] [CSS] radio buttons

See the Pen Pill styled radio buttons | Fully scaleable by Håvard Brynjulfsen (@havardob) on CodePen. See the Pen Daily UI #02 | Radio input by Håvard Brynjulfsen (@havardob) on CodePen.
Coding/CSS
[UI][Javascript] 3d button & toggle(only css)

See the Pen 3D Pause Button by Håvard Brynjulfsen (@havardob) on CodePen. See the Pen Switch | CSS only by Håvard Brynjulfsen (@havardob) on CodePen.
JAVASCRIPT/유용기능
[CSS] Dropdown <details> and <input type="radio">

See the Pen Dropdown using and by Håvard Brynjulfsen (@havardob) on CodePen.
Coding/CSS
[css , mixin] 말줄임 - ie 에서만 1줄, 그 외 브라우저 2~3줄

[css , mixin] 말줄임 - ie 에서만 1줄, 그 외 브라우저 2~3줄 .title { //그외 브라우저 @include text-cut(2); //ie 안에선 1줄 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @include text-cut; display: block; height: auto; } } //mixin @mixin text-cut($c:"") { @if $c != ""{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: $c; /* 라인수 */ -webkit-box-orient: vertic..
Coding/CSS
[CSS `transform: scale`] Flip upside-down

[CSS `transform: scale`] Flip upside-down transform: rotate(-180deg); 방식이아닌, scale을 이용한 뒤집기 방식입니다. 좌우 반전도 가능합니다. See the Pen Flipping Elements With `transform: scale` by Stephanie Eckles (@5t3ph) on CodePen.
Coding/CSS
[CSS Grid] Layout Templates

[CSS Grid] Layout Templates See the Pen Layout Templates with CSS Grid by Stephanie Eckles (@5t3ph) on CodePen. Browser Support 응용한 예제 See the Pen ModernCSS.dev Logo by Stephanie Eckles (@5t3ph) on CodePen.
Coding/CSS
[CSS] 3D Town animation

See the Pen 3D Emoji Town (Pure CSS) by George W. Park (@GeorgePark) on CodePen. 이모티콘을 활용한 [CSS] 3D Town animation
Coding/CSS
[CSS] Button Hover

See the Pen Button hover by jeongahlee (@jeongahlee) on CodePen.
Coding/CSS
1 2 3 4 5
© 2018 eh2world