Как сделать эффект зависания на div

Я хочу добавить эффект зависания на весь мой div (не изображение), (like this example), но не работает, мне нужно сохранить эту форму html, потому что имеет другие свойства. Мне нужна ваша помощь пожалуйста .. спасибо.Как сделать эффект зависания на div

/** \t DIV WITH EFFECT */ 
 
<div class="col-md-3 col-md-3 main-sidebaramberse sidebaramberse siverge"> 
 
    <ul id="main-sidebarambersese" class="siverge"> 
 
    <li id="armonioso-text-2" class="widget widget_armonioso_text"> 
 
    <div class="armonioso- textwidget-wrapper armonioso-textwidget-no-paddings"> 
 
     <div class="armonioso-textwidget" data-style="background-image: url(www.myweb.com/myimage.jpg);padding: 40px 30px ;color: 
 
      #ffffff;text-align: center;"> 
 
      <h5>ONE TOPIC</h5> 
 
      <h3>SECOND</h3> 
 
      <p>Something to say... 
 
      <p><a class="btn alt" href="/authors.html" 
 
       target="_self">Authors</a> 
 
     </div> 
 
    </div> 
 
    </li> 
 
    </ul> 
 
</div> 
 
/** \t DIV WITH EFFECT */

источник

2016-05-13 Amber Scarlett

Во-первых, удалите '/ * * /' из вашего HTML, чтобы выровнять комментарий в HTML использование '' –

В CSS, для ваш текущий HTML, вы не можете просто использовать 'div.siverge: hover {/ * effects * /};' или один из других классов, назначенных этому div вместо siverge? Вы ищете определенный эффект, который не работает? –

@ mark.hch спасибо! это работает, теперь у меня есть одна проблема больше ... как я могу сделать для исключения исключения для эффекта, я не хочу применять эффект для букв и кнопки ... как я могу это сделать ?, спасибо –

Поместите идентификатор на ДИВ и использовать следующий селектор на файл CSS:

#div's_id:hover{ 

    /*effects u wish*/ 
}

Если и не может увидеть эффект, вероятно, потому, что другие элементы выше.

источник

2016-05-13 23:19:20 xpeiro

Привет !, Спасибо вам!! это работает, теперь у меня есть одна проблема больше ... как я могу сделать для исключения исключения для эффекта, я не хочу применять эффект для букв и кнопки ... как я могу это сделать ?, спасибо –

I нужно больше inf, какие правила css вы используете? – xpeiro

Это, но я не хочу применять эффект для всех, только для изображения ... как я могу это сделать? ............................................................................. 0); \t фильтр: оттенки серого (0) размытие (0); \t -webkit-transition: .3s ease-in-out; \t переход: .3s ease-in-out; } .armonioso-textwidget: hover { \t -webkit-filter: черно-белое (100%) размытие (3px); \t фильтр: оттенок серого (100%) размытие (3px); } ' –

Вы ищете какой-то конкретный эффект?

Если нет, и все, что вы пытаетесь достичь, это зависание на данном div, просто используйте класс siverge у вас есть?

Применение при наведении эффекты в файле CSS, как это:

div.siverge:hover { 

/*styles to be applied on hover*/ 

};

источник

2016-05-13 23:38:48

Привет !, спасибо вам! это работает, теперь у меня есть одна проблема больше ... как я могу сделать для исключения исключения для эффекта, я не хочу применять эффект для букв и кнопки ... как я могу это сделать ?, спасибо –

Как сделать эффект зависания на div

ответ

Смежные вопросы