• Убрать стрелки в input type="number"
    
    .inputs input::-webkit-outer-spin-button,
    
    .inputs input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
  • Убрать двойную рамку в table
    
    border-collapse: collapse;
    
  • Маска backgrounnd
    
    .asdsa{mask-image: url('images/mask.svg');
    
      mask-size: cover;
      mask-repeat: no-repeat;}
  • Направление текста
    
    p{writing-mode: sideways-lr;}
    
  • display:flex
    
    .sdfsd{box-sizing: border-box;display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-js-display: flex;justify-content: space-between;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-pack:justify ;align-items: center;
    
    flex-wrap: wrap; // - перенос на другую строку
        justify-content: flex-start; // - к левому краю
        gap: 10px; // - остсуп между блоками
    align-items: stretch; // - растягивает высоту дочерних блоков до родительской
    }
  • Черно-белый рисунок
    
    img{-webkit-filter: grayscale(100%);
    
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */}
  • Масштабирование
    
    img{
    
    -ms-zoom: .195;
        -moz-transform: scale(.195);
        -o-transform: scale(.195);
        -webkit-transform: scale(.195);
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
  • Запрет переноса текста
    
    .ghf{
    
    white-space: nowrap;
    margin: 0px;
    }
  • Окрасить пол звёздочки
    
    .star-ratingv span.polactive{background: linear-gradient(to right, #F2C94C 50%, lightgray 50%);
    
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;}
  • Перенос слова с дефисом
    
    .dsdsg{word-break: break-word;
    
    hyphens: auto;}
  • Перенос строки
    
    white-space: normal;
    

* поле обязательное для заполнения. Нажимая кнопку Отправить, Вы соглашаетесь с условиями Политика обработки персональных данных и Политикой конфиденциальности.

* поле обязательное для заполнения. Нажимая кнопку Отправить, Вы соглашаетесь с условиями Политика обработки персональных данных и Политикой конфиденциальности.

Нажимая «Принять», вы даете согласие на использование всех файлов, вы даете согласие на обработку файлов Cookies и других пользовательских данных, в соответствии с Политикой конфиденциальности.
Принять