CSS3 გარდამავალი გენერატორი
გლუვი გადასვლის გამჭვირვალობა
პოპულარული წინასწარ დაყენებული პარამეტრები
გაქრობის ეფექტი
გლუვი გადასვლის გამჭვირვალობა
მასშტაბის ეფექტი
ელემენტის ზომის შეცვლა მაუსის გადატარებისას
როტაციის ეფექტი
ელემენტის შეტრიალება მაუსის გადატარებისას
სლაიდის ეფექტი
ელემენტის პოზიციის გადატანა
ფერის შეცვლა
ფონის ფერის გადასვლა
გადასვლების შესახებ
CSS გადასვლები საშუალებას გაძლევთ შეუფერხებლად შეცვალოთ თვისებების მნიშვნელობები მოცემული ხანგრძლივობის განმავლობაში.
ხშირად ანიმაციური თვისებები მოიცავს:
- სიგანე, სიმაღლე
- ზღვარი, შევსება
- გამჭვირვალობა, ფერი
- transform (scale, rotate, translate)
- background-color
პროფესიონალის რჩევა: ყველა ცვლილების ანიმაციისთვის გამოიყენეთ „ყველა თვისების“ ოფცია.
Preview
გენერირებული კოდი
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
გადასვლის კონტროლი
მაუსის გადატარების ეფექტები
Related Tools
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CSS-ის გალამაზება
დააფორმატეთ და გაალამაზეთ თქვენი CSS კოდი პროფესიონალური სიზუსტით
შექმენით იდეალური Flexbox განლაგებები
ვიზუალიზაცია გაუკეთეთ, პერსონალიზირება გაუკეთეთ და გენერირება გაუკეთეთ CSS flexbox კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
CSV-დან Base64-მდე გადამყვანი
სწრაფად და მარტივად გარდაქმენით თქვენი CSV მონაცემები Base64 კოდირებაში
შექმენით ლამაზი CSS ყუთის ჩრდილები ძალისხმევის გარეშე
შექმენით განსაცვიფრებელი კვადრატული ჩრდილები ჩვენი ინტუიციური ინტერფეისით. დააკოპირეთ CSS კოდი და მყისიერად გამოიყენეთ თქვენს პროექტებში.
MD2 ჰეშ გენერატორი
ამ ონლაინ ხელსაწყოს გამოყენებით სწრაფად და მარტივად გენერირეთ MD2 ჰეშები. უსაფრთხო, საიმედო და მყისიერი შედეგები.