ALAT COPY MIKROKONTROLLER: CAPACITOR SMD 0805
CAPACITOR SMD 0805
CAPACITOR SMD 0805
CAPACITOR SMD 5 PF CAPACITOR SMD 6 PF CAPACITOR SMD 12 PF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 15 PF CAPACITOR SMD 18 PF CAPACITOR SMD 20 PF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 22 PF CAPACITOR SMD 33 PF CAPACITOR SMD 47 PF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 100PF CAPACITOR SMD 150 PF CAPACITOR SMD 330 PF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 470 PF CAPACITOR SMD 680 PF CAPASITOR SMD 1 NF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 1.5 NF CAPACITOR SMD 2.2 NF CAPACITOR SMD 3.3 NF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 47 NF CAPACITOR SMD 100 NF CAPACITOR SMD 330 NF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 470 NF CAPACITOR SMD 1 UF CAPACITOR SMD 2.2 UF
Rp 3.000 Rp 3.000 Rp 3.000
CAPACITOR SMD 3.3 UF CAPACITOR SMD 4.7 UF CAPACITOR SMD 10 UF
Rp 3.000 Rp 3.000 Rp 3.000
CAPASITOR 1 PAKET CAPASITOR 1 PAKET CAPASITOR 1 PAKET
Rp 350.000 Rp 350.000 Rp 350.000
CAPASITOR 1 PAKET
Rp 300.000
nav {
display: block;
margin-top: 100px;
background: #374147;
}
.menu {
display: block;
}
.menu li {
display: inline-block;
position: relative;
z-index: 100;
}
.menu li:first-child {
margin-left: 0;
}
.menu li a {
font-weight: 600;
text-decoration: none;
padding: 20px 15px;
display: block;
color: #fff;
transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a {
color: #fff;
background: #9ca3da;
}
.menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
transform: translate(0,20px);
transition: all 0.2s ease-out;
}
.menu ul:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px;
}
.menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
}
.menu ul li a {
font-size: 12px;
font-weight: normal;
display: block;
color: #797979;
background: #fff;
}
.menu ul li a:hover,.menu ul li:hover>a {
background: #9ca3da;
color: #fff;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.menu ul ul {
left: 149px;
top: 0px;
visibility: hidden;
opacity: 0;
transform: translate(20px,20px);
transition: all 0.2s ease-out;
}
.menu ul ul:after {
left: -6px;
top: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 6px;
margin-top: -6px;
}
.menu li>ul ul:hover {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.responsive-menu {
display: none;
width: 100%;
padding: 20px 15px;
background: #374147;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.responsive-menu:hover {
background: #374147;
color: #fff;
text-decoration: none;
}
a.homer {
background: #9ca3da;
}
@media (min-width: 768px) and (max-width: 979px) {
.mainWrap {
width: 768px;
}
.menu ul {
top: 37px;
}
.menu li a {
font-size: 12px;
}
a.homer {
background: #374147;
}
}
@media (max-width: 767px) {
.mainWrap {
width: auto;
padding: 50px 20px;
}
.menu {
display: none;
}
.responsive-menu {
display: block;
margin-top: 100px;
}
nav {
margin: 0;
background: none;
}
.menu li {
display: block;
margin: 0;
}
.menu li a {
background: #fff;
color: #797979;
}
.menu li a:hover,.menu li:hover>a {
background: #9ca3da;
color: #fff;
}
.menu ul {
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
width: 100%;
transform: initial;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
position: relative;
transform: initial;
}
.menu ul ul {
left: 0;
transform: initial;
}
.menu li>ul ul:hover {
transform: initial;
}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
Tidak ada komentar:
Posting Komentar