تاثيرات css رائعة للمدونــة

Nudge effect is a effect, when you place your mouse on a link, it will nudge. This effect developed with CSS3. Here is a demo of CSS3 nudge effect on blogger links. This effect looks nice on links. You can add this effect all the link or some selected links on 

blogger

تأثير دفعة هو الواقع، عندما تضع الماوس على وصلة، وسوف دفع. هذا التأثير وضعها مع 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