Шаблони, примери и всякакви функции

всякакви

Първо, трябва да премахнете дисплея на стария, можете да направите това, както следва:

Ако просто сте искали да премахнете логото, можете да спрете на този етап, но ако нещо друго, следвайте. Премахвайки този фон от логото, ние премахваме изображението на логото и след това можем да добавим нещо там, дори текст, дори картина. Има два начина да го направите:

1) поставете текст през псевдокласа after:

2) поставете снимка: заменете стария фон с нов:
Още по-лесно е, просто поставете ново изображение на фона вместо старото във фоновото поле на .logo.

Резултат:

примери

Ако има желание да се преместите на друго място, например от левия ръб, тогава премахнете надясно: 0px и напишете наляво: 0px, т.е. отмества 0 пиксела от лявата граница, съвсем проста логика: лява нула и долна нула, така че получаваме долния ляв ъгъл. Има общо четири такива свойства: ляво, дясно, отдолу и отгоре, разбирайки тази проста логика, можете да се преместите на всяко място.

Ако трябва да се уверите, че изображението остава на място, дори когато превъртате страницата, тогава position: fixed се променя на position: absolute и позиционирането му се извършва чрез горните четири свойства.

Ако персонажът гледа в грешна посока, не е необходимо да изпълнявате, за да промените оригиналното изображение, инструментите на CSS ви позволяват да прелиствате хоризонтално чрез transform: scale (-1, 1) или вертикално преобразуване: scale (1, -1 );, просто трябва да добавите това свойство в тялото на селектора.