Yazının üstüne gelince parantez işareti çıkması

(29-08-2016, Saat:21:24)Dream41 Adlı Kullanıcıdan Alıntı: Buyrun

Kod:

.linkler {
margin-left: -6px;
}

.linkler::before,
.linkler::after {
 display: inline-block;
 opacity: 0;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
 -moz-transition: -moz-transform 0.3s, opacity 0.2s;
 transition: transform 0.3s, opacity 0.2s;
}

.linkler::before {
 content: '[';
 margin-right: 0px;
 -webkit-transform: translateX(20px);
 -moz-transform: translateX(20px);
 transform: translateX(20px);
}

.linkler::after {
 content: ']';
 margin-left: 0px;
 -webkit-transform: translateX(-20px);
 -moz-transform: translateX(-20px);
 transform: translateX(-20px);
}

.linkler:hover::before,
.linkler:hover::after,
.linkler:focus::before,
.linkler:focus::after {
 color: #252525;
 opacity: 0.7;
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 transform: translateX(0px);
}