حصريا كود Css يجعل الصور الشخصية رائعة وشفافة

اليوم مع كود جديد ورائع يجعل الصور في البيانات الشخصية بشكل جميل
ويجعلها شفافة ودائرية ==> شاهد مثال


الكود ==> ضع ردا لكي تراه

للنسخة phpbb3

الكود:

    .postprofile dt img {
        -moz-transform: rotate(30deg);
        -moz-transition: all 2s ease 0s;
        background-color: #FFFFFF;
        border: 1px solid #D4D4D4;
        border-radius: 5px 5px 5px 5px;
        copyright:vista-code;
        box-shadow: 3px 3px 3px #8A8A8A;
        margin: 1px 3px 3px 1px;
        opacity: 0.3;
        padding: 3px;
   
    }
    .postprofile dt img:hover {
        -moz-transform: scale(1.5);
        -moz-transition: all 2s ease 0s;
        copyright:vista-code;
        opacity: 1;
        position: relative;
    }


للنسخة phpbb2

الكود:

    .postdetails.poster-profile img {
        -moz-transform: rotate(30deg);
        -moz-transition: all 2s ease 0s;
        background-color: #FFFFFF;
        border: 1px solid #D4D4D4;
        border-radius: 5px 5px 5px 5px;
        copyright:vista-code;
        box-shadow: 3px 3px 3px #8A8A8A;
        margin: 1px 3px 3px 1px;
        opacity: 0.3;
        padding: 3px;
   
    }
    .postdetails.poster-profile img:hover {
        -moz-transform: scale(1.5);
        -moz-transition: all 2s ease 0s;
        copyright:vista-code;
        opacity: 1;
        position: relative;
    }


طريقة التركيب
ما هي ال Css وكيف نضيفها شرح مبسط