﻿<?xml version="1.0" encoding="utf-8"?>

<snippet name="Create Rounded Corners" description="Create rounded corners for an HTML element using CSS" preview="code" type="block">

<insertText location="beforeSelection">

<![CDATA[ /* Add this as a property for a selector to which the effect has to be applied*/

 /* For Mozilla*/

 -moz-border-radius-topleft:40px;

 -moz-border-radius-topright:40px;

 -moz-border-radius-bottomright:40px;

 -moz-border-radius-bottomleft:40px;

 /*For Webkit*/

 -webkit-border-top-left-radius:40px;

 -webkit-border-top-right-radius:40px;

 -webkit-border-bottom-right-radius:40px;

 -webkit-border-bottom-left-radius:40px;]]>

</insertText>

<insertText location="afterSelection"><![CDATA[]]>

</insertText>

</snippet>

