I found a solution to make a div semi-transparent using Transify, but I also want to add rounded edges.
The issue I'm facing is that the rounded edges only appear after the page has fully loaded when using Transify.
Here is the CSS code:
.grid {
background-color: #FFFFFF;
width: 320px;
border: 2px solid;
border-radius: 25px;
}
And here is the HTML code:
<div class="grid" id="content">
... irrelevant content ...
</div>
<script>
$('#content').transify({opacityOrig:.8,percentWidth:'100%'});
</script>
Can anyone suggest a way to achieve both effects simultaneously?