Smooth ფერი გადასვლები: CSS გრადიენტი

ბუნებრივი ფერები, როგორც წესი ერთნაირად გლუვი. მაგრამ მაშინაც კი, შესანიშნავად სიბრტყეზე ერთი მყარი ფერადი გამოსახულება ბუნებრივი ფერი გადასვლები. ყოველთვის უნებლიეთ დაეცემა მზის ან ხელოვნური განათება, ისევე როგორც ცვლილება კუთხე ხედი საშუალებას არარეგულარული და უნიკალური ფერებში.

ორი თვალსაზრისით, რომელიც მიზნად ისახავს იგივე ობიექტი, აღიქვამენ ფერი განსხვავება, შესაბამისად, მათი ხედვა კუთხეების და კორელაცია სხვა კუთხით შემთხვევათა სხივების ზედაპირზე და პირიქით.

ფსიქოლოგიური ეფექტი ფერი გადასვლები

ფერი არ არის მხოლოდ ფიზიკური შეგრძნებები და დამოკიდებულია არა მხოლოდ იმ დროს, და პოზიცია სივრცეში. სხვადასხვა ხეები, შენობები, მთები და სხვა ნივთები ინვერსიული პოზიცია რეზონანსი გრძნობა ასახვა წყლის ზედაპირზე ან მეორე ზედაპირზე.

აბსოლუტურად შავი პარალელური შესანიშნავად თეთრი ზედაპირზე კედლები, თითოეული ხაზი მთელ სიგრძეზე იზრდება პროპორციულად სისქე შემცირება ბუნებრივი ხაზის სისქე როდესაც გახსნილია კედელზე - ეს ყველაფერი სენსაციას მაყურებელს, რომ ნომერში ჰორიზონტალური ჭერი.

ერთი სურათი არის ჩაწერილი ორი, და თითოეული მათგანი გადაინაცვლებს მიმართ ერთმანეთს შორის მანძილი თვალში, რაც ეფექტი სივრცის მოცულობა, თუ defocus სახეს.

იმ შემთხვევაში, თუ poster არის დიდი საკმარისი და საზღვარი რეალურად გააკეთა სრულყოფილი, სურათზე ვებ იქნება, როგორც ბუნებრივი, რომ სასურველი ფერები, ცნობიერება beholder დააკავშირებს ავტომატურად.

საიტის, და უპირველეს ყოვლისა, მისი დიზაინი და ფერი სქემა აუცილებელი და დამატებითი რესურსების ლოგიკა, მისი დიალოგი, რათა სათანადო ფსიქოლოგიური ეფექტი სტუმარი.

გლუვი გადასვლები მეშვეობით CSS

Gradients იქმნება ხაზოვანი-გრადიენტი () და სხივური-გრადიენტი (). პირველ შემთხვევაში, გლუვი შეცვლის ფერი ხდება ხაზის გასწვრივ, ხოლო მეორე შემთხვევაში - ელიფსის ან წრე. CSS გრადიენტი შეიძლება მითითებული თვისებები ფონის გამოსახულება, სასაზღვრო-სურათი, სია სტილის გამოსახულება. Superimposing ელემენტები ერთმანეთს, მათი გამჭვირვალობის შეიძლება დიდი shades და შექმნას უნიკალური გადასვლები.

ეს უნდა იყოს, თუმცა წარმოქმნილი გათვალისწინებით, რომ ფერი გარდამავალი შეიძლება ყოველთვის არ იყოს გლუვი. რამდენიმე ვარიანტი ფერი კომბინაციები, ღირებულებები გამჭვირვალობის, გვერდზე განლაგება ფონზე შეუძლია არასასურველი ეფექტები ნაბიჯი.

CSS წესები ჩაწერა ფონზე გრადიენტი

გრადიენტი არის გლუვი გადასვლას ერთი ფერი სხვა. ამ შემთხვევაში, თქვენ შეგიძლიათ გამოიყენოთ მრავალი ფერის. შენიშვნა ხაზოვანი მობილური (CSS ხაზოვანი გრადიენტი) შეიძლება იყოს მრავალფეროვანი:

პირველი პარამეტრი არის დახრილობის კუთხის მხარეს ან რეგიონში, რასაც მოჰყვა ფერი. არ არის საჭირო გამოიყენოს მხოლოდ ორი ფერის, თქვენ შეგიძლიათ დახაზოთ მთელი rainbow. გამოყენების გამჭვირვალობის opacity ქონების მიღება შესაძლებელია გადახურვის ეფექტი.

არჩევანი ფერი, ფერი გენერატორები

შემოქმედებითი ნაწილი დიზაინერი, დეველოპერი ის საიტი უკანასკნელ წლებში მარტივდება. ეს ხდება პრაქტიკული და შესაბამისი მართკუთხა ფორმის, რომელიც შეიცავს მინიმუმ ინფორმაციას, მინიმალური ფუნქციები, მაქსიმალური გრძნობა და ფსიქიკური დამოკიდებულება გაყიდოს პროდუქტი, უზრუნველყოს მომსახურების, ხაზი გავუსვა ფასდაკლება, ხარისხის და / ან მნიშვნელოვანი განსხვავებები კონკურენტები.

თუმცა, თუნდაც ისეთ მძიმე პირობებში, წესები და შექმნას თანამედროვე ვებ-რესურსი არის ადგილი, შემოქმედების და მკაფიო სურვილი ზოგიერთი დეველოპერები რათა აგრესიული, მიზნობრივი მუშაობა ფერი, რომელიც ასახავს იმ გაგებით, რომ ტექსტის შინაარსი და სტილი აირჩიეს დიალოგი. CSS გრადიენტი უკვე მიმართა უფრო ხშირად.

ფერი გადაწყვეტილებები "Google" და "Skype" მიერ, კერძოდ, ჰქონდა ეფექტი და მიმდევრები, თუმცა, ბოლო რამდენიმე წლის განმავლობაში, აქტიური კომპონენტი ვებ დიზაინი დაიწყო ვეძებოთ ახალი ფორმები, ახალი ფერები და unobtrusive, ცდილობენ დინამიკა მიედინება ფორმები.

ინტერნეტში არსებობს ბევრი ონლაინ რესურსების (CSS გრადიენტი გენერატორი), რომელიც მნიშვნელოვნად ამარტივებს სამუშაოს არჩევის უფლება ფერები :. Angrytools, flatonika, generatecass ა.შ. მათი დახმარებით, შეგიძლიათ ნამდვილად გადარჩენა დროს შერჩევის უფლება ფერი, განიხილოს ხაზი გადასვლები და გადაფარვას.

Dynamic ფერი სქემა

ტრადიცია, რომელიც საფუძვლად უდევს შექმნა ვებ-რესურსები, გააკეთა წესი ხელშეუხებელია: სტრუქტურა, შინაარსი და საიტი დიალოგი მომხმარებელს - კომპეტენციის დეველოპერი ახორციელებს ნების მფლობელი (კლიენტი). გამოჩენა საიტზე, მისი დიზაინი ტრადიციულად შეეხება იმ ფაქტს, რომ ეს არ არის განსაზღვრული კლიენტს.

იმავდროულად, სხვადასხვა მოწყობილობები იზრდება, და ოჯახებში ყოველი ტიპის არსებობს სხვადასხვა პერსპექტიული ნიმუშების, მნიშვნელოვანი განსხვავებები, არა მარტო ფერი რეპროდუქცია, როგორც რეზოლუციის და ბრაუზერის ფორმები ხილული რეგიონში.

სხვადასხვა ბრაუზერები და ვერსიები გამოიყენება ასევე პრობლემებს უქმნის ადეკვატურ რუკების CSS გრადიენტი შესაძლებლობები.

ერთობლივად შეფასებისას ამ ვითარებაში, და მაგალითები ზოგიერთი პერსპექტიული მუშაობა, ეს შეიძლება ითქვას, რომ გამოჩენა საიტზე მხოლოდ defaultnom სახელმწიფო - კომპეტენციის დეველოპერი ან / და მფლობელი რესურსი. მხოლოდ მაშინ, როდესაც მომხმარებელს პირველად ჩავიდა რესურსი, რომ ეს შეიძლება იყოს შეუძლია შეაფასოს დიზაინი საიტზე. თუ მომხმარებელს უნახავს მოერგოს გვახსოვს საიტის და გამოიყენოს იგი მათი ყოველდღიური ცხოვრება, მისი სურვილი აქვს ინსტრუმენტები გაკონტროლება გამოჩენა და ფუნქციონალური სრულად გამართლდა.

ასეთი სიმძიმის ცენტრის დეველოპერი სარგებელი გადაცემა: არ უნდა ჩაერთონ განხორციელების ჯვარი ბრაუზერის თავსებადობა, ტესტი საიტი სხვადასხვა მოწყობილობები სხვადასხვა ოპერაციული სისტემები.

უფრო მეტიც, ეს ტენდენცია შეიქმნას საერთო მონაცემთა ბაზაში ფაქტობრივი შესრულების CSS წესები სხვადასხვა მოწყობილობები. ეს მხოლოდ დასაწყისია, მაგრამ მისი პოტენციალი დიდი მნიშვნელობა აქვს.