I have a container div containing a transparent image with only a border. Here is an example:
In the "dislike" case, I am able to dynamically change the container's height percentage so it appears as if the figure is being filled. As the height grows, the color is filled from top to bottom. Is it possible to achieve the same effect in the "like" case but fill from bottom to top?
Here are the relevant CSS values:
.like{
width:150px;
height:55%;
margin-right:50px;
float:right;
border-radius:10px;
background-color:#159C89;
}
.Dislike{
width:150px;
height:45%;
background-color:#ff0000;
margin-left:50px;
float:left;
border-radius:10px;
}