Toggle Custom 2
.toggle_custom_2{
border: none;
}
.toggle_custom_2.et_pb_toggle_close {
border-bottom: 3px solid #72c15f;
}
.toggle_custom_2.et_pb_toggle h5.et_pb_toggle_title {
text-align: center;
padding: 20px 0 !important;
}
.toggle_custom_2 .et_pb_toggle_title:before {
right: 45%;
margin-top: 5px;
font-size: 40px;
content: “43”;
-webkit-transition: 0.3s;
transition: 0.3s;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.toggle_custom_2.et_pb_toggle_open .et_pb_toggle_title:before {
color: #72c15f;
animation: none;
}
.toggle_custom_2.et_pb_toggle_close.et_pb_toggle.et_pb_toggle p {
margin: 4% auto;
padding: 20px;
border-top: 3px solid #72c15f;
box-shadow: 0 16px 23px -11px rgba(0, 0, 0, 0.3);
}
.toggle_custom_2.et_pb_toggle_open.et_pb_toggle.et_pb_toggle p {
margin: 4% auto;
padding: 20px;
border-top: 3px solid #72c15f;
box-shadow: 0 16px 23px -11px rgba(0, 0, 0, 0.3);
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
Toggle Custom 3
.toggle_custom_3.et_pb_toggle {
border: none;
border-bottom: 4px solid #ddd !important;
transition: 0.4s
}
.toggle_custom_3.et_pb_toggle_open{
border-bottom: 4px solid #72c15f !important;
}
.toggle_custom_3 .et_pb_toggle_title:before {
font-size: 50px !important ;
content: “3” !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.toggle_custom_3.et_pb_toggle_open .et_pb_toggle_title:before {
color: #72c15f;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
Custom Toggle 4
.toggle_custom_4 {
border: none;
border-top: 4px solid #ddd;
border-bottom: 4px solid #ddd;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.toggle_custom_4.et_pb_toggle_open {
border: none;
border-top: 4px solid #72c15f;
border-bottom: 4px solid #72c15f;
}
.toggle_custom_4 .et_pb_toggle_title:before {
font-size: 23px;
content: “e064”;
transition: 0.5s;
}
.toggle_custom_4.et_pb_toggle_open .et_pb_toggle_title:before {
color: #72c15f;
}
Recent Comments