Hôm này mình tìm thấy đoạn để làm phòng bì thư bằng css3 mình giới thiệu với các bạn nếu bạn nào muốn định dạng này.
Hình hộp thư
.et_bloom .et_bloom_optin_2.et_bloom_optin .et_bloom_border_letter {
- background: repeating-linear-gradient(135deg,#719c28,#719c2810px,#fff 10px,#fff 20px,#f84d3b20px,#f84d3b 30px,#fff 30px,#fff40px)!important;
- padding: 10px;
}
style.min.css:1
.et_bloom .et_bloom_optin .et_bloom_border_letter {
- padding: 6px;
- background: repeating-linear-gradient(135deg,#4fa8ed,#4fa8ed10px,#fff 10px,#fff 20px,#f84d3b20px,#f84d3b 30px,#fff 30px,#fff40px);
}
Hình răng cưa
.et_bloom .et_bloom_optin_2.et_bloom_optin .et_bloom_border_letter {
- background: repeating-linear-gradient(135deg,#719c28,#719c2810px,#fff 10px,#fff 20px,#f84d3b20px,#f84d3b 30px,#fff 30px,#fff40px)!important;
- padding: 10px;
}
style.min.css:1
.et_bloom .et_bloom_optin .et_bloom_border_letter {
- padding: 6px;
- background: repeating-linear-gradient(135deg,#4fa8ed,#4fa8ed10px,#fff 10px,#fff 20px,#f84d3b20px,#f84d3b 30px,#fff 30px,#fff40px);
}
.et_bloom .et_bloom_optin_2 .zigzag_edge .et_bloom_form_content:before {
- background: linear-gradient(45deg,transparent 33.33%,#92c927 33.333%,#92c927 66.66%,transparent66.66%),linear-gradient(-45deg,transparent 33.33%,#92c927 33.33%,#92c927 66.66%,transparent66.66%)!important;
- background-size: 20px 40px!important;
}
.et_bloom .zigzag_edge .et_bloom_form_content:before {:1
- top: -10px;
- left: 0;
- width: 100%;
- height: 10px;
- background: linear-gradient(45deg,transparent 33.33%,#e9e9e9 33.333%,#e9e9e9 66.66%,transparent66.66%),linear-gradient(-45deg,transparent 33.33%,#e9e9e9 33.33%,#e9e9e9 66.66%,transparent 66.66%);
- background-size: 20px 40px;
}
0 nhận xét: