Css Generator (Form Input Generator)

Css Generator (Form Input Generator)

Css Generator (Form Input Generator)

Css Generator (Form Input Generator)
[적용]
[적용]
[적용]
[적용]
[적용]
[적용]
1
1
1
1
1
1
1
1
1
1
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
1
1
1
1
1
1
1
1
1
1
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
글자색
1
배경색
1
Preview Demo

		
.input_text_class_example {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    padding: 10px;
    background-color: #fff;
    color: #000;
}
input[type="text"].input_text_class_example {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    padding: 10px;
    background-color: #fff;
    color: #000;
}
input[type="text"].input_text_class_example::placeholder,
input[type="text"].input_text_class_example::-webkit-input-placeholder{
     /* placeholder css */
}
input[type="text"].input_text_class_example:read-only {
     /* readOnly css */
}
input[type="text"].input_text_class_example:disabled {
     /* disabled css */
}
input[type="text"].input_text_class_example:required {
     /* required css */
}

		
Position
0
0
0
0
Display
background, color
1
1
gradient
1
1
1
1
width * height
border
border top, right, bottom, left 개별 설정
1px
1
1px
1
1px
1
1px
1
1px
1
border-radius top, right, bottom, left 개별 설정
3px
1px
1px
1px
1px
Padding
padding top, right, bottom, left 개별 설정
10px
1px
1px
1px
1px
Margin
margin top, right, bottom, left 개별 설정
0
1px
1px
1px
1px
Font, Text
12px
12px
transition
0.5
box shadow
0px
0px
0px
1px
0.75
text shadow
2px
2px
2px
1
Preview Demo

		
.input_text_class_example {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    padding: 10px;
    background-color: #fff;
    color: #000;
}
input[type="text"].input_text_class_example {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.75);
    padding: 10px;
    background-color: #fff;
    color: #000;
}
input[type="text"].input_text_class_example::placeholder,
input[type="text"].input_text_class_example::-webkit-input-placeholder{
     /* placeholder css */
}
input[type="text"].input_text_class_example:read-only {
     /* readOnly css */
}
input[type="text"].input_text_class_example:disabled {
     /* disabled css */
}
input[type="text"].input_text_class_example:required {
     /* required css */
}

		

  • 회사 : Cginjs
  • 대표 : Cginjs
  • 주소 :
  • 메일 : admin@mysample.com
  • 사업자 등록번호 :
Copyright © Cginjs All rights reserved.
notice