Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //HTML
- <label class="ic-radio" for="user"> <input type="radio" name="man" value="" id="user" checked>
- <i></i>ইউজার</label>
- <label class="ic-radio" for="doctor"> <input type="radio" name="man" value="" id="doctor" checked>
- <i></i>ডাক্তার / পরামর্শক</label>
- //CSS
- label.ic-radio {
- padding-right: 130px;
- }
- .ic-radio > i {
- display: inline-block;
- vertical-align: middle;
- width: 16px;
- height: 16px;
- border-radius: 50%;
- -webkit-transition: 0.2s;
- transition: 0.4s;
- box-shadow: inset 0 0 0 8px #fff;
- border: 1px solid #ff0485;
- background: #ff0485;
- margin-right: 20px;
- margin-top: -5px;
- }
- .ic-radio > input {
- visibility: hidden;
- position: absolute;
- top: 3px;
- left: 17px;
- margin: 0;
- }
- .ic-radio > input:checked + i {
- box-shadow: inset 0 0 0 0px #fff;
- background: #ff0485;
- width: 16px;
- height: 16px;
- border: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement