آموزش درست کردن کد ماوس که با بردن روی لینک ها عمل می کنه

حتما دیدین که وقتی داخل یه سایت می رین دیدین که وقتی روی لینک ها میرین حالتشون تغییر می کنه.

این کد ، کد css هست که به راحتی می تونین اون رو بنویسین.

برای این کار باید کد در تگ style قرار بگیره. به مثال زیر که یک مثال کامل هست  توجه کنید:

<style type="text/css">

	a{

	-ms-transition:all 0.2s ease-in;

	-webkit-transition:all 0.2s ease-in;

	-moz-transition:all 0.2s ease-in;

	-o-transition:all 0.2s ease-in;

	transition:all 0.2s ease-in;

	}

a:hover { color: #009FFF;text-shadow: 0px 2px 3px; -moz-text-shadow: 0px 2px 3px; -o-text-shadow: 0px 2px 3px; -ms-text-shadow: 0px 2px 3px; -webkit-text-shadow: 0px 2px 3px; -ms-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } </style>

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

در قسمت a :hover شما مشخصاتی زمانی که ماوس روی لینک قرار داره رو مشخص می کنید.