امام علی (ع) : : خشم را چون شربتی گوارا بنوش که من در مدت عمر شربتی به این شیرینی از گلو فرو نبرده‌ام!

آموزش درخشان کردن لوگو در css

باسلام

حالتون خوبه امیدوارم اوقات خوبی داشته باشید.

با یک آموزش در زمینه درخشان کردن لوگو در css در خدمت شما هستم . 

نمونه هم میتونید با موس روی حسین موسوی کنار سایت رفته و ببینید که چگونه کار میکند.

خب بریم سراغ اصل مطلب خیلی راحت اولین کار باید کلاس لوگویتان را پیدا کنید.

بعد از اینکار باید توجه داشته باشید که لوگوی شما باید به جایی لینک شده باشد.

از لوگو کناری سایت خودم شروع میکنیم.

کلاسش logo_img هست. خب اینم کلاس لینکش logo_img a

ما باید تمام خصوصیات ها را به کلاس لینک نسبت دهیم.

اینم کد فقط باید اگر کلاستون فرق میکنه تغییر بدید.

/* CODE BY HUSSAINM.IR */
.logo_img a{
  position: relative;
  display:block;
}
.logo_img a{
  background-position: -300px;
  
}
.logo_img a:hover,
.logo_img a:focus{
  background-position: 100px 0;
  /*change speed to see in slow motion*/
  transition: all 1s;
}
.logo_img a:after{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background-position: inherit; 
}
/* CODE BY HUSSAINM.IR */

اینم از این هر مشکلی داشتید از بخش نظرات میتونید نظرتون رو همراه با آدرس سایتتون رو بدید در اسرع وقت کدش رو بهتون میدم.یاحق

باسلام

حالتون خوبه امیدوارم اوقات خوبی داشته باشید.

با یک آموزش در زمینه درخشان کردن لوگو در css در خدمت شما هستم . 

نمونه هم میتونید با موس روی حسین موسوی کنار سایت رفته و ببینید که چگونه کار میکند.

خب بریم سراغ اصل مطلب خیلی راحت اولین کار باید کلاس لوگویتان را پیدا کنید.

بعد از اینکار باید توجه داشته باشید که لوگوی شما باید به جایی لینک شده باشد.

از لوگو کناری سایت خودم شروع میکنیم.

کلاسش logo_img هست. خب اینم کلاس لینکش logo_img a

ما باید تمام خصوصیات ها را به کلاس لینک نسبت دهیم.

اینم کد فقط باید اگر کلاستون فرق میکنه تغییر بدید.

/* CODE BY HUSSAINM.IR */
.logo_img a{
  position: relative;
  display:block;
}
.logo_img a{
  background-position: -300px;
  
}
.logo_img a:hover,
.logo_img a:focus{
  background-position: 100px 0;
  /*change speed to see in slow motion*/
  transition: all 1s;
}
.logo_img a:after{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
  background-position: inherit; 
}
/* CODE BY HUSSAINM.IR */

اینم از این هر مشکلی داشتید از بخش نظرات میتونید نظرتون رو همراه با آدرس سایتتون رو بدید در اسرع وقت کدش رو بهتون میدم.یاحق

درباره نویسنده

مطالب مرتبط

دیدگاهتان را بنویسید.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *