Здравейте. Днес, нека разгледаме как да се направи камата близо в чист CSS, тоест, да се направи икона закриване / отстраняване без снимки.
Е, за тези, които все още искат да се направи икона, за да се затвори без снимки, моля да се появят.
Близо кръст на чист CSS
Да започнем с това, ние трябва да разберем, че кръстът трябва да бъде описано в HTML кода. Това означава, че тя трябва да бъде някакъв вид Разделение или от време. Така че ще правим:
Готово. Този код трябва да бъде поставена на мястото, където трябва да се показва на кръста.
Сега ние се пристъпи към тегленето на кръста. Както става ясно от заглавието на статията, ние ще го направим в чист CSS, без използването на изображения или ikonochnyh шрифтове.
По подразбиране, кръстът ще бъде прозрачна, когато задържите - ще стане по-ярък. По ваша преценка, можете да направите алтернативен навъртам ефект.
Сега погледнете кода в CSS:
Както можете да видите, че всичко е доста прозаично. две линии, една от тях се правят псевдо използва, за да се направи на кръста: след това, друг -: преди. Така един се завърта на 45 °, а другата при -45 °. Толкова е просто.
За съвместимост с браузърите, тя лесно може да се провери с caniuse, според него: след това. преди поддържа от всички съвременни браузъри, трансформиране - всички освен Opera Mini, че строго погледнато, е добър показател.
Ако е необходимо, можете да добавите различни приспособления за този кръст на вашата uspotrenie.
За да видите как става това:
- CSS Rotate Text. просто
- Премахване на IE напречно пречистване
- Как да се определи ориентацията на площадката в мобилния си браузър
Свързани статии