1C-Bitrix, PHP, SQL, Битрикс24, HTML, XML, CSS, JavaScript, jQuery, nginx, NetCat, Joomla, UMI-CMS, MySQL, MS SQL, PostgreSQL, Oracle, PL-SQL, Bash, Bootstrap, Apache, munin, memcache, Centos, VMWare, VI, GIT, 1С-Битрикс, Shell, 1C-Bitrix, PHP, SQL, Битрикс24, HTML, XML, CSS, JavaScript, jQuery, nginx, NetCat, Joomla, UMI-CMS, MySQL, MS SQL, PostgreSQL, Oracle, PL-SQL, Bash, Bootstrap, Apache, munin, memcache, Centos, VMWare, VI, GIT, 1С-Битрикс, Shell, 1C-Bitrix, PHP, SQL, Битрикс24, HTML, XML, CSS, JavaScript, jQuery, nginx, NetCat, Joomla, UMI-CMS, MySQL, MS SQL, PostgreSQL, Oracle, PL-SQL, Bash, Bootstrap, Apache, munin, memcache, Centos, VMWare, VI, GIT, 1С-Битрикс, Shell,

Полезные кусочки CSS

Полезные кусочки CSS

Хоть такое и редко бывает нужно, но все таки бывает. Живой пример: один из моих клиентов непременно хотел чтобы цвет текста  placeholder был розовый(!).
[spoiler]
Стилизация placeholder.
#quick_order_phone::-moz-placeholder {
  color: #000;
  opacity: 1;
}
#quick_order_phone:-ms-input-placeholder {
  color: #000;
}
#quick_order_phone::-webkit-input-placeholder {
  color: #000;
}

Поворот блока. Однако нужно помнить, что шрифт не поворачивается в разных браузерах, например в Opere.
#object {
     -moz-transform:    rotate(90deg);
     -o-transform:   rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform:      rotate(90deg);
} 


Заливка блока градиентом. От #1e5799 к #ffffff.
#object{  
   background: #1e5799; 
   background: -moz-linear-gradient(top, #1e5799 0%, #ffffff 100%); 
   background: -webkit-linear-gradient(top, #1e5799 0%,#ffffff 100%); 
   background: linear-gradient(to bottom, #1e5799 0%,#ffffff 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); 
}

Вернуться на главную страницу