السلام عليكم ورحمة الله وبركاته

الحلقة الاولى ولله الحمد كم مقتطفات ال css سنقوم بعمل قائمة المواقع الاجتماعية مع تأثير الدوران و ظهور العناصر بشفافية اقل من العنصر الذي فوقه الفأرة

css
#social {
	margin-top: 140px;
}
#social a {
	display: inline-block;
	margin-left: 20px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
#social:hover a {
	opacity: 0.5
} 
#social a:hover {
	opacity: 1;
	-webkit-transform: rotate(260deg);
	-moz-transform: rotate(260deg);
	-ms-transform: rotate(260deg);
	-o-transform: rotate(260deg);
	transform: rotate(260deg);
}

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>