Показать сообщение отдельно
  #5 (permalink)  
Старый 28.12.2017, 20:56
Аспирант
Отправить личное сообщение для Noonf Посмотреть профиль Найти все сообщения от Noonf
 
Регистрация: 26.11.2017
Сообщений: 38

У них стили немного отличаются. Вот фрагмент кода

.switch_1 {
	float: left;
	height: 168px;
	width: 89px;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
    z-index: 100;
    position: absolute;  
}

.switch_2 {
	float: left;
	height: 168px;
	width: 89px;
	margin-left: 89px;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
    z-index: 100;
    position: absolute;
}


.switch_3  {
	float: left;
	height: 168px;
	width: 89px;
	margin-left: 178px;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
    z-index: 100;
    position: absolute;
}

.switch_1.active, .switch_2.active, .switch_3.active {
	border-color: #c40000;
}


.foto {
	position:relative;
}

.foto_1 {
	display: block;
}

.foto_2 {
	display: none;
	position:absolute;
    top: 0%;
    left: 0%;
    width: 267px;
    height: 168px;
}

.foto_3 {
	display: none;
	position:absolute;
    top: 0%;
    left: 0%;
    width: 267px;
    height: 168px;
}

.foto_1.active, .foto_2.active, .foto_3.active {
	display: block;
}
Ответить с цитированием