ტექსტის დახრის ეფექტი 2025-07-20 |
დასახელება: ტექსტის დახრის ეფექტი ავტორი: G.W.M - FormatC სისტემა: uCoz აღწერა: ამ სკრიპტის დაყენების შემდეგ საიტზე გექნებათ ისეთივე ტექსტის ეფექტი როგორიც სურათზე ჩანს.. ![]() - ნაბიჯი 1 ეს კოდი ჩავსცვათ (CSS) -ში. Code .cpojer-links a { display: inline-block; padding: 4px; outline: 0; color: #3a599d; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .cpojer-links a:hover { background: #3a599d; text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1.05) rotate(-1deg); -moz-transform: scale(1.05) rotate(-1deg); -o-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); } .cpojer-links a:nth-child(2n):hover { -webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg); } - ნაბიჯი 2 ეს კოდი კი ჩასვით სადაც გინდათ რომ ლინკები ეფექტებით გამოჩნდეს.. Code <div class="cpojer-links"> <a href="Linki">სკრიპტი By G.W.B - FormatC</a><br> <a href="Linki">სკრიპტი By G.W.B - FormatC</a> </div> |
სულ კომენტარები: 3 | |