CSS تأثيرات على الروابط

تأثير دفعة هو الواقع، عندما تضع الماوس على وصلة، وسوف دفع. هذا التأثير وضعها مع CSS3. هنا عرض للتأثير على الروابط دفعة CSS3 المدون. بهذا المعنى تبدو لطيفة على وصلات. يمكنك إضافة هذا التأثير كل صلة أو وصلات مختارة بعض على مدون

View Demo

NUDGE EFFECT TO ALL LINKS

Blogger Dashboard → Design → Edit HTML

Now find the following code using F3

]]></b:skin>

Now Paste the following CSS code just above ]]></b:skin>

a:link {
-moz-transition: all 0.1s ease-in 0s ;
-webkit-transition: all 0.1s ease-in 0s ;
-o-transition: all 0.1s ease-in 0s ;
}
a:hover {
t: 12px;
margin-le
f

Now save the template

ADDING NUDGE EFFECT TO SELECTED LINKS

Blogger Dashboard → Design → Edit HTML

Now find the following code using F3

]]></b:skin>

Now Paste the following CSS code just above ]]></b:skin>

.nudg {
-moz-transition: all 0.1s ease-in 0s ;
-webkit-transition: all 0.1s ease-in 0s ;
-o-transition: all 0.1s ease-in 0s ;
}
.nudg:hover {
margin-left: 12px;
}

Now save the template

Nudge Effect On Selected Links

Follow the below HTML code format

<a class="nudg" href="http://edutechnology.net/">Blogging Tips</a>