ПредишенСледващото

Ние се подготвят специалисти в областта на информационната сигурност - да донесе със специалист в областта на информационната сигурност от земята до първоначалното ниво. След обучението ще бъде в състояние да предоставят услуги за провеждане на тестване проникване (юридическо хакерство)

Вие вероятно са запознати с помощта на Photoshop техники, като например в едно изображение действа като текст маска; Тя е най-известен начин да добавите текстура или фоново изображение на текста. След това можете да използвате този текст като изображение на вашия сайт; Но би било хубаво, ако можем да се прилага същия ефект с помощта на HTML и CSS? Добра новина - можем!

CSS представени свойства като фон-клип и маска-изображение. които можете да използвате за създаване на подобни ефекти, които по-рано е бил използван Photoshop. В допълнение към това можете да използвате и SVG.

Днес ние гледаме на тези възможности и дори да направите някои прости анимации. Ако искате да продължите сами по себе си, един-на-един с кода, можете да изтеглите файловете източници тук.

Подкрепа браузър

Както може да се очаква, някои от тези имоти, ние ще се използва, не се поддържат навсякъде. Това означава, че те няма да работят в браузъри като IE и Firefox.

Създаване на фон преместване на текст с изображение с помощта на заден план-CLIP

Първата опция, която ние ще разгледаме този имот фон-клип. Този имот определя дали фон удължен в чужбина, или не. Тя ви позволява да изпратите текстово съобщение на определен елемент, за да изрежете изображението.

Нашата оформление - това е просто bgClip h1 клас:

Свързани статии

Подкрепете проекта - споделете линка, благодаря!