Issue
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
Can anyone tell me if it's possible to use css to blur the ul
elements containing a
,d
,e
when the user moves their mouse over the element containing c
, without using JavaScript?
Solution
Do you mean something like this:
HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
CSS
ul li {
background-color: red;
margin: 2px;
}
ul:hover li {
opacity: .5;
}
ul li:hover {
opacity: 1;
}
Answered By - RoToRa
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.