Переход с пнд на сталь: способы соединения полиэтиленовой трубы со стальной и металлопластиковой

способы соединения труб в системах из разных материалов

Использование труб из различных материалов в одной магистрали — не редкость. Когда требуется соединить ПНД трубы с металлическими, используются специальные детали — переходники, компрессионные муфты с резьбой на одном конце и втулки под фланцевые соединения. Разнообразие соединительных элементов облегчает процесс монтажа и позволяет соединять разнородные трубы различного диаметра.

Содержание

Как выполнить переход

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

соединение с металлом

Для труб небольшого диаметра фитинги используются по принципу цангового муфтового соединения: на конец трубы ПНД надевают разобранную часть фитинга — компрессионный узел, закрепляют его с помощью сварки и потом прикручивают элемент с резьбой под металлическую трубу.

Фланцы применяют, когда нет возможности использовать сварное соединение. Монтаж несложен, выбор деталей на рынке — огромный.

Обратите внимание! Фланцевый метод — наиболее доступный и дешевый способ. Соединительные элементы стоят недорого, можно подобрать фланцы для любых труб какого угодно диаметра.

Виды соединений

Таким образом, чтобы соединить разнородные трубы, применяют:

  • НПСП — неразъемное соединение в газовых, канализационных и водопроводных магистралях, для которого используется переходник специального назначения. Соединение по сути представляет собой сварку полиэтиленового патрубка со стальным.
  • Муфты компрессионные, оснащенные резьбовой нарезкой — обжимной фитинг. Применяется совместно с обжимными кольцами и прокладки, которую можно менять по мере износа.
  • Фланцевый переход.

Что такое фланцы для соединения разнородных труб

Сочленение труб из разнородных материалов посредством фланцев оптимален при монтаже магистрали, в которой требуется соединить трубу из металла с ПНД или запорными устройствами. С этой целью применяется втулка вместе с прижимным фланцем, который в свою очередь закрепляется с помощью болтов. Бурт (второе название детали) не дает фланцу соскользнуть при повышении давления в трубе.

фланец

Втулки бывают двух видов:

  • Сегментные, т.е элементов ПНД, соединенных сваркой встык.
  • Литые конструкции, у которых сварные швы отсутствуют. Литая втулка ПНД обеспечивает фланцу необходимый упор и не дает узлу разъединиться. Предполагается также наличие второго фланца на трубе из металла.

Деталь легко монтируется, при этом не требует специального обслуживания. Разнообразие типоразмеров позволяет подобрать втулки любого размера под любой диаметр трубы.

Фланцы также делятся на два вида:

  • Фиксирующие, когда фланец надевается на металлическую трубу, а на другой конец крепится трубное изделие из ПНД и вся конструкция закрепляется с помощью прижимного кольца и уплотнителя.
  • Резьбовые — фланца имеет резьбу с одной стороны, на которую накручивается труба ПНД с уплотнителем.

Обратите внимание! При монтаже важно обращать внимание на гладкость стальных деталей: любые заусенцы или выступы могут повредить полиэтилен.

НПСП

Конструкция чаще всего применяется при замене поэтапной участков металлической системы на полиэтиленовую, а также для монтирования запорной арматуры.

Для монтажа используют терморезисторную сварку, когда конец полиэтиленовой трубы специальным инструментом нагревается и расплавляется до состояния вязкой массы, а затем под давлением соединяется со стальной трубой. Такое соединение применяют для монтажа высоконапорных трубопроводов.

НПСП

Нормативные документы регламентируют технические характеристики НПСП:

Предельные значения давления в системе:

  • для газовых магистралей ПЭ 80 — 6.4 бар, ПЭ 100 -10 бар
  • для водопроводных напорных систем ПЭ 80 — 12.5 бар ПЭ 100 — 16 бар

Длина патрубков регламентируется ГОСТОм ТУ4859-02603321549-98 — для газовых, и ТУ2248-001-86324344-2009 — для водопроводных систем, работающих под напором.

Компрессионное муфтовое соединение

Это разборное модульная конструкция, детали которой легко заменить.

Корпус выполнен из полипропилена, оснащен ограничителем для трубы и резьбой в виде трапеции. Фиксирующая втулка с уплотнительной прокладкой, которая обеспечивает герметичность, не дает трубе деформироваться и сжиматься. Обжимное кольцо надежно закрепляет трубу в неподвижном положении.

компрессионное соединение

Используют в основном для водопроводных систем.

Муфты бывают разных форм:

  • переходные,
  • соединительные,
  • угольник,
  • заглушка,
  • тройник,
  • отвод.

Могут иметь как внутреннюю, так и внешнюю резьбу.

Диаметр детали варьируется от 16 до 110, а значение рабочего давления — от 10 до 16.

Соединение полиэтилен-сталь и цокольный ввод ПЭ 100 SDR11

Неразъемное соединение полиэтилен сталь (НСПС) или переходник ПЭ-сталь применяется при строительстве газопроводов, водопроводов, напорной канализации для выполнения перехода со стальной трубы на полиэтиленовую или наоборот. Используются при установке трубопроводной арматуры или врезке в действующий стальной трубопровод.

Переход полиэтилен-сталь представляет собой соединение, полученное свариванием стального патрубка с полиэтиленовым. Длина патрубков регламентирована техническими условиями для газопроводов ТУ 4859-026-03321549-98, для напорных трубопроводов по ТУ 2248-001-86324344-2009. Максимальное рабочее давление для газопроводов ПЭ100 1,0 МПа (10 атмосфер), для напорных водопроводов – ПЭ100 1,6 МПа (16 атмосфер).

При изготовлении неразъемного соединения полиэтилен сталь используется полиэтиленовая труба ГОСТ Р 50838-95 для газопроводов и ГОСТ 18599-2001 для водопроводов. И стальная водогазопроводная труба по ГОСТ 10705-80, ГОСТ 10704-91, ГОСТ 8731-74, ГОСТ 8732-78.

Использование НСПС позволяет осуществить установку металлической запорной арматуры в полиэтиленовых трубопроводах, осуществить поочередную замену участков стальных трубопроводов на полиэтиленовые с неразъемными соединениями до полной замены существующего стального трубопровода на полиэтиленовый, врезку ответвлений из полиэтиленовых труб с переходом ПНД-сталь в существующий стальной трубопровод. Монтаж ПЭ/сталь осуществляется с помощью терморезисторной сварки и сварки встык.

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

Соединение ПЭ-сталь ПЭ 100 SDR 11

Цокольный ввод газопровода

Ввод газопровода в жилое помещение от подземного газопровода осуществляется с помощью цокольного ввода. Цокольный ввод газовый должен обеспечить, по возможности, наиболее короткий путь поступления газа в определенную часть дома.

Цокольный ввод представляет собой неразъемное соединение полиэтиленовой и стальной трубы и предназначен для перехода подземного газопровода из полиэтиленовой ПНД трубы в наземное положение, где должна быть использована только стальная труба. Цокольный ввод должен выходить из земли непосредственно у здания. Цоколь может быть Г-образным или I-образным.

Цокольный ввод сталь/ПЭ Г-образный ПЭ100 SDR11

Цокольный ввод газопровода Г-образный предназначен для организации ввода газопроводной трубы проложенной под землей в здание. Полиэтиленовая часть детали выполнена из трубы ПЭ100 SDR11, стальная из водогазопроводной трубы по ГОСТ 10705-80, ГОСТ 10704-91, ГОСТ 8731-74, ГОСТ 8732-78. Размер 2 х 2,2 метра.

Цокольный ввод I-образный ПЭ100 SDR11

Цокольный ввод газопровода I-образный прямой предназначен для организации ввода газопроводной трубы проложенной под землей в здание. Полиэтиленовая часть труба ПЭ100 SDR11, стальная – водогазопроводная труба ГОСТ 10705-80, ГОСТ 10704-91, ГОСТ 8731-74, ГОСТ 8732-78. Длина цоколя 2 метра.

Изолирующий сгон ИС

Изолирующий сгон применяется для защиты электроники газовых приборов, предотвращает выход их строя электронных узлов бытовых и промышленных газовых приборов от воздействия электрических токов, проходящих по газопроводу.

Изолирующий сгон ИС изготовлен с применением эпоксидных композиций, армированных стеклянными, базальтовыми и полимерными тканями. Гарантирует жизнеспособность соединений в течении, как минимум, 30 лет без специального обслуживания и надзора.

Соединение изолирующее выпускается по ТУ 4859-002-03260747-97. Соединение может устанавливаться как на надземных, так и на подземных газопроводах. Изолирующий сгон имеет прочность и присоединительные размеры обычного сгона, имеет сопротивление от 1000 до 20000 МОм и разрешен к применению на газопроводах давлением до 1,6 МПа.

Соединение изолирующее приварное

Изолирующее соединение предназначено для диэлектрического прочноплотного соединения участков трубопроводов с целью предотвращения распространения по нему электрического тока. ИС приварное могут иметь как надземное, так и подземное исполнение.

Рабочая среда, транспортируемая через ИС: диэлектрические жидкости и газы с избыточным давлением не более 7,0 МПа (70 кгс/см2).

Приварное изолирующее соединение устанавливается непосредственно в месте присоединения каждого газопотребляющего прибора к газопроводу. Изолирующее соединение ИС необходимо также устанавливать на газопроводах-вводах, т.к. оно защищает подземный трубопровод от утечки защитного стока СКЗ.

Номенклатура приварных изолирующих соединений, в том числе для подземной установки, охватывает диапазон диаметров от 15 до 720 мм. Рабочее давление 1,6 МПа, Электрическое сопротивление при 1000В – 1000 МОм. Температура окружающей среды от – 50 до +  80оС.

*Существует гибкая система скидок.

НСПС — неразъемные соединения (переходы) полиэтилен (ПЭ / ПНД) — сталь

Предлагаем из наличия, поставим и произведем под заказ, неразъемные соединения полиэтилен сталь (НСПС) для перехода с полиэтиленовых ПЭ/ПНД труб на стальные трубы по доступным ценам. Каждому клиенту мы гарантируем высокое качество продукции, низкие цены и оперативные поставки.

ОТПРАВИТЬ ЗАЯВКУСКАЧАТЬ ПРАЙСКОНСУЛЬТАЦИЯ

В нашей компании можно купить:

  • Переходы ПЭ / сталь диаметром от 32 до 1200 мм в SDR11, SDR13.6, SDR17 и SDR21 для питьевого и технического водопровода;
  • Переходы ПЭ / сталь диаметром от 32 до 630 мм в SDR11 для газопровода;

Мы производим и поставляем продукцию со всеми сертификатами и паспортами, либо другой документацией (отказное письмо, технические условия и т.д.), которая требуется для их использования.

Выберите необходимый диаметр перехода по наружному диаметру полиэтиленовой трубы

ОТПРАВИТЬ ЗАЯВКУСКАЧАТЬ ПРАЙСКОНСУЛЬТАЦИЯ

НСПС переходы ПЭ / сталь — описание, характеристики

Неразъемное соединение — это соединительный элемент трубопровода, предназначенный для соединения трубопровода из разных материалов, в данном случае из полиэтилена ПНД и стали. В месте стыка стальной и полиэтиленовой трубы оснащается усиливающей муфтой, гарантирующей надежное и герметичное соединения труб из разных материалов.

Производится в цеховых условиях на специализированном оборудовании. Используется в напорных системах водоснабжения и водоотведения, а также в трубопроводах транспортирующих газ и газообразные среды под давлением.

Переход ПЭ / сталь для водоснабжения

При производстве неразъемных соединений для трубопроводов транспортирующих питьевую и техническую воду, используется полиэтиленовая труба изготовленная по ГОСТ 18599-2001 и водогазопроводная труба из стали произведенная по ГОСТ 10704-91, ГОСТ 10705-80, ГОСТ 8732-78 и ГОСТ 8731-74.

Переходы производятся для напорных трубопроводов с постоянным рабочим давлением от 8 до 16 атмосфер, что соответствует значению SDR полиэтиленовой трубы — 11 (16 атмосфер, 1.6 МПа, PN16), 13.6 (12.5 атмосфер, 1.25 МПа, PN12.5), 17 (10 атмосфер, 1.0 МПа, PN10) и 21 (8 атмосфер, 0.8 МПа, PN8).

Переход ПЭ / сталь для газоснабжения

При производстве неразъемных соединений для трубопроводов транспортирующих газ, используется полиэтиленовая труба изготовленная по ГОСТ Р 50838-2009 и водогазопроводная труба из стали произведенная по ГОСТ 10704-91, ГОСТ 10705-80, ГОСТ 8732-78 и ГОСТ 8731-74.

Переходы производятся для трубопроводов с постоянным рабочим давлением до 10 атмосфер, что соответствует значению SDR полиэтиленовой трубы — 11 (10 атмосфер, 1.0 МПа, PN10).

Переход ПЭ / сталь с приваренным фланцем

В отдельных случаях, производятся неразъемные соединения с приваренным стальным фланцем. Такие изделия зачастую требуются при установке на линии трубопровода стальной арматуры в виде задвижки, затвора, либо вентиля, так как не требуют дополнительного времени для приваривания стального фланца на строительной площадке.

Так же, в некоторых случаях, неразъемные соединения могут поставляться с приваренной полиэтиленовой втулкой и одетым стальным свободным фланцем, что бывает необходимым при монтаже сборно-разборных трубопроводов из полиэтилена — без использования сварки на местах проведения работ.

Узнать цены на неразъемные соединения необходимого диаметра можно кликнув на необходимый диаметр из списка ниже

Если вы сомневаетесь в правильном выборе неразъемного соединения, то мы предлагаем вам получить подробную консультацию у специалиста нашей компании, который подберет для вас самый оптимальный и недорогой вариант.

Переход ПЭ-Сталь

НЕРАЗЪЕМНОЕ СОЕДИНЕНИЕ ПОЛИЭТИЛЕН-СТАЛЬ

НСПСПереход полиэтилен-сталь (или как его еще называют — неразъемное соединение полиэтилен-сталь) пердставляет собой спаенные друг с другом особенным способом полиэтиленовый и стальной патрубки. Как видно из названия, предназначаются переходы НСПС для соединения между собой трубы ПНД и стальной трубы на сетях водоснабжения и газоснабжения. Соединяется такой пеход с трубой ПНД методом стыковой или электромуфтовой сварки, со стальной трубой — методом электросварки. После установки переход ПЭ-Сталь не требует специального обслуживания и контроля и может быть закопан непосредственно в грунт без установки колодца.

Купить переход ПЭ-Сталь вы можете обратившись в нашу компанию. Мы предлагаем переходы НСПС на воду и газ диаметром до 710 мм и давлением до 1,6 МПа. Переходы ПЭ-Сталь большего размера доступны под заказ!

Размеры переходов ПЭ-Сталь
ПЭ-стальПереход ПЭ-СТАЛЬ SDR11
Длина, ммДлина ПЭ патрубка, ммДлина стального патрубка, ммПримерный вес, кгЦЕНА
(руб)
НСПС 32/256603003001199
НСПС 40/386803203001,5331
НСПС 63/577003303002389
НСПС 90/896802603004704
НСПС 110/1086802603005925
НСПС 160/15973033030091974
НСПС 200/219730330300193680
НСПС 225/219730330300203969
НСПС 355/3259003303005612850

Все размеры, представленные в таблице выше, имеют исключительно ознакомительный характер, реальные размеры изделий могут незначительно отличаться.

Переходы НСПС других размеров доступны в нашей компании под заказ. Любую другую информацию о Переходах ПЭ-Сталь вы можете получить у наших специалистов по телефону 8 (812) 600-33-09 или 

Переходы НСПС в СПб в наличии и под заказ. Купить переход ПЭ/сталь вы можете в компании ГидроСпецКом.

Переходы ПЭ резьбовые электросварные и универсальные

Переход MUN Э.С.ПЭ/латунь (наружная резьба) (Германия) FRIALEN

Переходник Полиэтилен/сталь с внутренней резьбой – компактное изделие. Часть ПЭ-ВП имеет открытый нагревательный элемент для оптимальной теплoпередачи, большую глубину сопряжения, oсoбo ширoкую зoну сварки, а также хoлoдную зoну, предoтвращающую вытекание расплавленнoй массы, на тoрце и в oбласти перехoда для сварки без позиционеров.

Универсальный переходник с ПНД трубы на стальную или пластиковую резьбу. Латунная часть имеет стандартную трубную наружную резьбу, что обеспечивает универсальное сопряжение с другими резьбовыми фитингами. Полиэтиленовая часть гладкая и может привариваться с любым электросварным фитингом.

Универсальный переходник с ПНД трубы на стальную или пластиковую резьбу. Латунная часть имеет стандартную внутреннюю трубную резьбу, что обеспечивает универсальное сопряжение с другими резьбовыми фитингами. Полиэтиленовая часть гладкая и может привариваться с любым электросварным фитингом.

АртикулДиаметр труба/резьба, ммДлина, ммМасса, кгЦена с НДС [руб/шт]*Корзина
616156-UAM32×1″120,50,2701 168,00
616157-UAM40×1.1/4″133,50,4402 768,25
616158-UAM50×1.1/2″1130,5302 868,00
616159-UAM63×2″1280,9104 080,75

*Существует гибкая система скидок.

Переходники ПНД/латунь с наружной и внутренней резьбой резьбой используется в системах водоснабжения и системах газоснабжения для организации переходного узла с полиэтиленовой ПНДтрубы на различное инженерное оборудование.

Данные переходники могут использоваться как в промышленных масштабах, так и в частном строительстве. Со стороны ПНД, электросварные переходники имеют открытую нагревательную спираль для электромуфтовой сварки, что позволяет добиться максимальной теплопередачи. Благодаря электромуфтовой сварки, достигается надежное соединение ПНД фитинга с трубой, даже в стесненных условиях. На торце и в области перехода полиэтиленовая часть имеет холодные зоны, предотвращающие вытекание расплавленной массы.

Латунная часть неразъемная и надежно закреплена от прокручивания. Самоуплотняющаяся запатентованная геометрия уплотнения без эластомерного уплотнения. Максимально допустимое рабочее давление 16 атмосфер (вода) и 10 атмосфер (газ).

Полиэтиленовая часть универсальных переходников является гладкой, что дает возможность производить монтаж вне зависимости от положения свариваемых частей и обеспечивает герметичное сварное соединение с любыми подходящими фасонными изделиями. Латунная часть универсальных переходников также защищена от возможного проворачивания и надежно соединена с полиэтиленовой частью. Максимальное рабочее давление 16 бар (вода), 6 бар (газ).

НСПС — неразъемные соединения (переходы) полиэтилен (ПЭ / ПНД) — сталь

Предлагаем из наличия, поставим и произведем под заказ, неразъемные соединения полиэтилен сталь (НСПС) для перехода с полиэтиленовых ПЭ/ПНД труб на стальные трубы по доступным ценам. Каждому клиенту мы гарантируем высокое качество продукции, низкие цены и оперативные поставки.

ОТПРАВИТЬ ЗАЯВКУСКАЧАТЬ ПРАЙСКОНСУЛЬТАЦИЯ

В нашей компании можно купить:

  • Переходы ПЭ / сталь диаметром от 32 до 1200 мм в SDR11, SDR13.6, SDR17 и SDR21 для питьевого и технического водопровода;
  • Переходы ПЭ / сталь диаметром от 32 до 630 мм в SDR11 для газопровода;

Мы производим и поставляем продукцию со всеми сертификатами и паспортами, либо другой документацией (отказное письмо, технические условия и т.д.), которая требуется для их использования.

Выберите необходимый диаметр перехода по наружному диаметру полиэтиленовой трубы

ОТПРАВИТЬ ЗАЯВКУСКАЧАТЬ ПРАЙСКОНСУЛЬТАЦИЯ

НСПС переходы ПЭ / сталь — описание, характеристики

Неразъемное соединение — это соединительный элемент трубопровода, предназначенный для соединения трубопровода из разных материалов, в данном случае из полиэтилена ПНД и стали. В месте стыка стальной и полиэтиленовой трубы оснащается усиливающей муфтой, гарантирующей надежное и герметичное соединения труб из разных материалов.

Производится в цеховых условиях на специализированном оборудовании. Используется в напорных системах водоснабжения и водоотведения, а также в трубопроводах транспортирующих газ и газообразные среды под давлением.

Переход ПЭ / сталь для водоснабжения

При производстве неразъемных соединений для трубопроводов транспортирующих питьевую и техническую воду, используется полиэтиленовая труба изготовленная по ГОСТ 18599-2001 и водогазопроводная труба из стали произведенная по ГОСТ 10704-91, ГОСТ 10705-80, ГОСТ 8732-78 и ГОСТ 8731-74.

Переходы производятся для напорных трубопроводов с постоянным рабочим давлением от 8 до 16 атмосфер, что соответствует значению SDR полиэтиленовой трубы — 11 (16 атмосфер, 1.6 МПа, PN16), 13.6 (12.5 атмосфер, 1.25 МПа, PN12.5), 17 (10 атмосфер, 1.0 МПа, PN10) и 21 (8 атмосфер, 0.8 МПа, PN8).

Переход ПЭ / сталь для газоснабжения

При производстве неразъемных соединений для трубопроводов транспортирующих газ, используется полиэтиленовая труба изготовленная по ГОСТ Р 50838-2009 и водогазопроводная труба из стали произведенная по ГОСТ 10704-91, ГОСТ 10705-80, ГОСТ 8732-78 и ГОСТ 8731-74.

Переходы производятся для трубопроводов с постоянным рабочим давлением до 10 атмосфер, что соответствует значению SDR полиэтиленовой трубы — 11 (10 атмосфер, 1.0 МПа, PN10).

Переход ПЭ / сталь с приваренным фланцем

В отдельных случаях, производятся неразъемные соединения с приваренным стальным фланцем. Такие изделия зачастую требуются при установке на линии трубопровода стальной арматуры в виде задвижки, затвора, либо вентиля, так как не требуют дополнительного времени для приваривания стального фланца на строительной площадке.

Так же, в некоторых случаях, неразъемные соединения могут поставляться с приваренной полиэтиленовой втулкой и одетым стальным свободным фланцем, что бывает необходимым при монтаже сборно-разборных трубопроводов из полиэтилена — без использования сварки на местах проведения работ.

Узнать цены на неразъемные соединения необходимого диаметра можно кликнув на необходимый диаметр из списка ниже

Если вы сомневаетесь в правильном выборе неразъемного соединения, то мы предлагаем вам получить подробную консультацию у специалиста нашей компании, который подберет для вас самый оптимальный и недорогой вариант.

Переходы ПЭ-металл — ТрубоТорг

Неразъемное соединение полиэтилен сталь (НСПС) или переходник ПЭ-сталь применяется при строительстве газопроводов, водопроводов, напорной канализации для выполнения перехода со стальной трубы на полиэтиленовую или наоборот. Используются при установке трубопроводной арматуры или врезке в действующий стальной трубопровод. Переход сталь ПЭ не требует обслуживания, его можно располагать непосредственно в грунте без колодцев на прямолинейных участках трубопровода.

Переход полиэтилен-сталь представляет собой соединение, полученное свариванием стального патрубка с полиэтиленовым. Длина патрубков регламентирована техническими условиями для газопроводов ТУ 4859-026-03321549-98, для напорных трубопроводов по ТУ 2248-001-86324344-2009. Максимальное рабочее давление для газопроводов из ПЭ80 0,64 МПа, ПЭ100 1,0 МПа. Максимальное рабочее давление для напорных водопроводов — ПЭ80 1,25 МПа, из ПЭ100 1,6 МПа.

При изготовлении неразъемного соединения полиэтилен сталь используется полиэтиленовая труба ГОСТ Р 50838-95 для газопроводов и ГОСТ 18599-2001 для водопроводов. И стальная водогазопроводная труба по ГОСТ 10705-80, ГОСТ 10704-91, ГОСТ 8731-74, ГОСТ 8732-78.

Использование НСПС позволяет осуществить установку металлической запорной арматуры в полиэтиленовых трубопроводах, осуществить поочередную замену участков стальных трубопроводов на полиэтиленовые с

 

неразъемными соединениями до полной замены существующего стального трубопровода на полиэтиленовый, врезку ответвлений из полиэтиленовых труб с переходом ПНД-сталь в существующий стальной трубопровод. Монтаж ПЭ/сталь осуществляется с помощью терморезисторной сварки и сварки встык.

 

Переходник ПЭ-сталь ПЭ 100 SDR 11




















Диаметр ПЭ/сталь, мм

Lc, мм

L, мм

L1, мм

L2, мм

Масса, кг

32/25

441

185

41

215

1,000

40/32

445

185

45

215

1,500

50/48

451

188

48

215

2,000

63/57

430

175

55

200

2,500

75/76

497

205

67

225

3,500

90/89

501

205

71

225

4,000

110/108

524

220

79

225

6,500

125/108

600

220

85

295

7,000

140/125

622

235

92

295

9,000

160/159

675

240

95

340

14,000

180/159

695

240

115

340

18,000

200/159

770

250

120

400

22,000

225/219

805

260

145

400

28,000

250/219

840

290

160

390

32,000

315/273

990

350

180

410

100,000

355/325

990

350

190

450

120,000

 

CSS-переходов


CSS переходы

CSS переходы позволяют плавно изменять значения свойств в течение заданного периода времени.

Наведите курсор на элемент ниже, чтобы увидеть эффект перехода CSS:

В этой главе вы узнаете о следующих свойствах:

  • переход
  • переход-задержка
  • длительность перехода
  • переходной собственности
  • функция времени перехода

Поддержка браузера

для переходов

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Недвижимость
переход 26,0 10,0 16,0 6,1 12,1
переход-задержка 26,0 10,0 16.0 6,1 12,1
длительность перехода 26,0 10,0 16,0 6,1 12,1
переходной собственности 26,0 10,0 16,0 6,1 12,1
функция времени перехода 26.0 10,0 16,0 6,1 12,1

Как использовать CSS-переходы?

Чтобы создать эффект перехода, необходимо указать две вещи:

  • CSS свойство, которое вы хотите добавить эффект к
  • длительность эффекта

Примечание: Если часть продолжительности не указана, переход не будет иметь эффекта, поскольку значение по умолчанию равно 0.

В следующем примере показан красный

элемент размером 100px * 100px.

Элемент также указал эффект перехода для свойства width, длительностью 2 секунды:

Пример

ДИВ
{
ширина: 100px;
высота: 100 пикселей;
фон: красный;
переход: ширина 2 с;
}

Эффект перехода начнется, когда указанное свойство CSS (ширина) изменит значение.

Теперь давайте зададим новое значение для свойства width, когда пользователь наведет курсор на элемент

:

Обратите внимание на то, что когда курсор наведет курсор на элемент, он постепенно вернется к своему первоначальному стилю.


Изменить несколько значений свойств

В следующем примере добавляется эффект перехода для свойства width и height с продолжительностью
2 секунды для ширины и 4 секунды для высоты:



Укажите кривую скорости перехода

Свойство transition-timer-function определяет кривую скорости эффекта перехода.

Свойство transition-timer-function может иметь следующие значения:

  • облегчение — указывает эффект перехода с медленным началом, затем быстрым, а затем медленным завершением (по умолчанию)
  • линейный — указывает эффект перехода с одинаковой скоростью от начала до конца
  • easy-in — указывает эффект перехода при медленном старте
  • замедление — указывает эффект перехода с медленным концом
  • easy-in-out — указывает эффект перехода с медленным началом и концом
  • кубического Безье (n, n, n, n) — позволяет вам определять свои собственные значения в функции кубического Безье

В следующем примере показаны некоторые из различных кривых скорости, которые можно использовать:

Пример

# div1 {функция-перехода-времени: линейная;}
# div2
{Функция перехода времени: легкость;}
# div3 {Функция перехода времени:
непринужденность;}
# div4 {функция перехода времени: облегчение;}
# div5
{функция перехода времени: легкость входа;}

Попробуй сам »


Задержка эффекта перехода

Свойство transition-delay указывает задержку (в секундах) для эффекта перехода.

В следующем примере перед запуском задержка составляет 1 секунду:


Переход + Преобразование

Следующий пример добавляет эффект перехода к преобразованию:


Больше примеров перехода

Свойства перехода CSS можно указывать по одному, например:

Пример

ДИВ
{
свойство перехода: ширина;

длительность перехода: 2 с;

функция времени перехода: линейная;
задержка перехода: 1 с;
}

Попробуй сам »

или с помощью сокращенного свойства перехода :


Проверь себя упражнениями!


CSS-переходных свойств

В следующей таблице перечислены все свойства перехода CSS:

.

Недвижимость Описание
переход Сокращенное свойство для установки четырех свойств перехода в одно свойство
переход-задержка Указывает задержку (в секундах) для эффекта перехода
длительность перехода Указывает, сколько секунд или миллисекунд требуется эффекту перехода для завершения
переходной собственности Указывает имя свойства CSS, для которого применяется эффект перехода
функция времени перехода Определяет кривую скорости эффекта перехода

,Свойство перехода

— попутный ветер CSS

Попутный ветер CSS

Попутный ветер CSS

v1.4,6
v0.7.4

GitHub

щебет

диссонанс

v1.4.6
v0.7.4

Документация

Составные части

Screencasts

Блог

Ресурсы

сообщество

Начало работы
  • Монтаж

.

CSS-переход Свойство

Пример

Наведите указатель мыши на элемент

, чтобы постепенно изменить ширину с 100 пикселей на
300px:

ДИВ
{
ширина: 100 пикселей; Переход
: ширина 2 с;
}

div: hover {
width: 300px;
}

Попробуй сам »

Ниже приведены примеры «Попробуйте сами».


Определение и использование

Свойство transition является условным обозначением для:

Примечание: Всегда указывайте свойство transition-duration, в противном случае — продолжительность
0, и переход не будет иметь никакого эффекта.

Значение по умолчанию: все 0с легкость 0с
Наследуется: нет
Анимационный: нет. Читайте о анимации
Версия: CSS3
Синтаксис JavaScript: объект .style.transition = «все 2 с»
Попытайся

Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Числа, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.

Недвижимость
переход 26.0
4.0 -webkit-
10,0 16,0
4,0 -moz-
6,1
3,1 -webkit-
12,1
10,5 -o-


Синтаксис CSS

переход: свойство длительность функция времени задержки | начальный | наследовать;

Значения недвижимости


Дополнительные примеры

Пример

Когда получает фокус, постепенно меняйте ширину со 100px до
250px:

input [type = text] {
width: 100px;
переход: ширина.35-е легкость в выходе;
}

input [type = text]: focus {
width: 250px;
}

Попробуй сам »


Связанные страницы

Учебник CSS: CSS Transitions

HTML DOM ссылка: свойство перехода

,

CSS-переходов объяснил

Самый простой (и самый простой) способ анимировать ваши компоненты — это переходы CSS. В этой статье вы узнаете, как работает CSS Transitions и как создавать анимацию с его помощью.

Переход происходит, когда свойство CSS изменяется с одного значения на другое в течение определенного периода времени.

Вы можете создавать CSS-переходы с помощью свойства transition :

  .selector {
  transition: свойство duration Переход-время-функция задержки;
}  

Свойство перехода — это сокращение от четырех свойств CSS, свойства перехода , продолжительности перехода , функции перехода по времени , задержки перехода .

  .selector {
  Переход-свойство: собственность;
  длительность перехода: продолжительность;
  функция перехода времени: функция времени;
  задержка перехода: задержка
      
  / * Свойство перехода является сокращением для вышеуказанных четырех свойств * /
  переход: задержка свойства - функция времени задержки;
}  

transition-property относится к CSS-свойству, которое вы хотите перенести. Требуется в стенографии переход .

длительность перехода относится к продолжительности перехода.Как долго вы хотите, чтобы переход длился? Это значение записывается в секундах с суффиксом с (например, 3 с ). Это также необходимо для стенограммы перехода .

Функция времени перехода относится к тому, как происходит переход. Вы узнаете больше об этом позже.

Переход-задержка указывает, как долго вы хотите подождать, прежде чем начать продолжительность. Это значение записывается в секундах с суффиксом с (например, 3 с ). с задержкой перехода является необязательным в стенографии перехода .

Инициирование переходов

Вы можете инициировать переходы CSS напрямую с помощью псевдоклассов, таких как : hover (активируется при наведении мыши на элемент), : фокус (активируется, когда пользователь нажимает на элемент или когда пользователь нажимает на элемент ввода) или : активен (активируется, когда пользователь нажимает на элемент).

  / * создание переходов непосредственно в CSS * /
,кнопка {
  цвет фона: # 33ae74;
  переход: фоновый цвет 0,5 с;
}

.button: hover {
  цвет фона: # 1ce;
}  

Вы также можете запускать переходы CSS через JavaScript, добавляя или удаляя класс.

  / * CSS * /
.button {
  цвет фона: # 33ae74;
  переход: фоновый цвет 0,5 с;
}

.button.is-active {color: # 1ce; }

// JavaScript
const button = document.querySelector ('. button') button.addEventListener ('click', _ => кнопка.classList.toggle ('is-active'))  

Понимание функции хронирования перехода

Функция хронирования перехода определяет, как происходит переход. Все переходы по умолчанию имеют значение , линейное , что означает, что свойство изменяется равномерно до конца перехода.

  .selector {
  переход: преобразование 1с линейный;
  
  /* ИЛИ */
  свойство перехода: преобразование;
  длительность перехода: 1 с;
  функция времени перехода: линейная;
}  

Дело в том, что в жизни мало что движется линейно.Это не то, как движутся реальные объекты. Иногда мы ускоряемся; иногда мы замедляемся. Функция для измерения времени перехода позволяет вам захватить все это.

Представьте, что вы бросаете теннисный мяч в открытое поле. Мяч покидает вашу руку с максимальной скоростью. Когда он движется, он теряет энергию, он замедляется и в конечном итоге останавливается. Это называется замедление . Для этого есть функция синхронизации.

  .selector {
  функция времени перехода: облегчение;
}  

Теперь представьте, что вы

.