Clip avatar image to circle

An example showing how to clip avatar image to circle using Tizen 2.3.
<style>
.avatar {
    border-radius: 50%;
}
</style>
<img class="avatar" src="data:image/png;base64,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"/>

Responses

0 Replies