KEnniscentrum
Het kenniscentrum van kozijnen, deuren, zonwering en meer
Bent u op zoek naar inspiratie en deskundig advies op het gebied van onder andere kozijnen en deuren? Dan bent u hier aan het juiste adres! Onze blogpagina biedt een schat aan informatie over alles wat te maken heeft met de montage en het onderhoud van uw woning.
Bij STB-kozijnen begrijpen we dat uw huis een van uw grootste investeringen is. Daarom delen we hier waardevolle tips, trends en inzichten om uw woning te verbeteren, verduurzamen en te verfraaien.
Bekijk hieronder onze blogs.
Snel contact

Diensten
Leveranciers / Producten / Merken | Kozijnen | Deuren | Schuifpuien | Aluminium kozijnen | Terrasoverkappingen | Zonwering | Sectionaal poorten | Accessoires
Hoofdkantoor
Groesweg 34a
5993NN Maasbree
Kantoor
Kaldenkerkerweg 20
5913AE Venlo
Contact
T: +31774 402 200
E: info@stb-kozijnen.nl
Openingstijden
Ma. t/m do | 09:00 - 17:00 |
Vr. | 09:00 - 16:00 |
/******* BLURB STYLES *******/
.b3_blurb_1 img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
}
.b3_blurb_1 {
border: none !important;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
}
.b3_blurb_1:hover {
box-shadow: 0 40px 100px rgb(212, 215, 217);
-webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
-moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
-o-box-shadow: 0 40px 100px rgb(212, 215, 217);
}
.b3_blurb_1:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
-webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}
.b3_blurb_1 .et_pb_main_blurb_image {
margin-bottom: 20px;
text-align: center;
}
/**** BLURB LINK ***/
.blurb_link {
display: block;
margin-top: 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.blurb_link:hover {
letter-spacing: 1px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
/*------------------------------------------------------------------------*/
/*-------------------- BLURB RIPPLE EFFECT ------------------------------*/
/*------------------------------------------------------------------------*/
/* Ripple Out */
@-webkit-keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
@keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
.blurb-ripple-out .et-pb-icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.blurb-ripple-out .et-pb-icon:before {
content: '';
position: absolute;
/* This is your ripple color & size */
border: #2c94f2 solid 6px;
/* Uncomment the line below if it's a circle*/
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.blurb-ripple-out:hover .et-pb-icon:before,
.blurb-ripple-out:focus .et-pb-icon:before,
.blurb-ripple-out:active .et-pb-icon:before {
-webkit-animation-name: blurb-ripple-out;
animation-name: blurb-ripple-out;
}
/******* BLURB STYLES *******/
.b3_blurb_1 img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
}
.b3_blurb_1 {
border: none !important;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
-o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
}
.b3_blurb_1:hover {
box-shadow: 0 40px 100px rgb(212, 215, 217);
-webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
-moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
-o-box-shadow: 0 40px 100px rgb(212, 215, 217);
}
.b3_blurb_1:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
-webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
-o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}
.b3_blurb_1 .et_pb_main_blurb_image {
margin-bottom: 20px;
text-align: center;
}
/**** BLURB LINK ***/
.blurb_link {
display: block;
margin-top: 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.blurb_link:hover {
letter-spacing: 1px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
/*------------------------------------------------------------------------*/
/*-------------------- BLURB RIPPLE EFFECT ------------------------------*/
/*------------------------------------------------------------------------*/
/* Ripple Out */
@-webkit-keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
@keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
.blurb-ripple-out .et-pb-icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.blurb-ripple-out .et-pb-icon:before {
content: '';
position: absolute;
/* This is your ripple color & size */
border: #2c94f2 solid 6px;
/* Uncomment the line below if it's a circle*/
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.blurb-ripple-out:hover .et-pb-icon:before,
.blurb-ripple-out:focus .et-pb-icon:before,
.blurb-ripple-out:active .et-pb-icon:before {
-webkit-animation-name: blurb-ripple-out;
animation-name: blurb-ripple-out;
}