How to Extend the clickable area using CSS?
Thread Tags
Adobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css digital marketing Digital Marketing / SEO Fireworks Graphic Design Graphic designing Graphics Design Graphics Designing HTML? Illustrator Internship Training logo Design logo designing Magento Photoshop PHP Programming QA react-native Scroll Website SEO Single Page Website Stock Managment System Testing Typography UI UI/UX Development UI Design UI Designing UI development User Interface UX Design Web Designing Website Design Wordpress wpRegister for free!
Registration at Smart Mentors is completely free and takes only a few seconds. By registering you’ll gain:
- Full Posting Privileges.
- Access to Private Messaging.
- Optional Email Notification.
- Ability to Fully Participate.
Register Now, or check out the Site Tour and find out everything Smart Mentors has to offer.
Tagged: css, UI/UX Development
This thread contains 1 reply, has 2 voices, and was last updated by Darshan Rathod 1 year, 10 months ago.
- Author Replies
- February 27, 2019 at 11:22 am #54115
In mobile devices, we usually want to extend the clickable area of an element to make it easier for the user to click the target with a finger.
Try This:
button {
position: relative;
}button::before {
content: “”;
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
} - AuthorPosts
Viewing 1 reply thread
You must be logged in to reply to this thread.Please login or register. Registration is 100% free.