Press "Enter" to skip to content

A Library Of Touch Feedback In Mobile Browsers | TouchFeedback.js

touchFeedback.js is a library of touch feedback in mobile browsers. All functions are realized only in 2 KB that applies quick touch feedback to any HTML elements without a 300ms click delay.

feedback form with star rating in html, responsive feedback form in html, simple feedback form using html, feedback form in html with validation

Angular User Reviews And Feedbacks Collector Library | ngx-feedback

How to make use of it:

1. Place the touchFeedback.js library at the end of the document.

<script src="touchFeedback.js"></script>

2. Add the attribute “data-touchFeedback=”true” to any element you want to apply custom touch feedback.

<div class="wrapper">
  <div class="touch" data-touchFeedback="true">touch me</div>
</div>

3. Touch Configuration.

new TouchFeedback('.wrapper');

4. Apply your own custom effect to the element when clicked.

.touch {
  height: 100px;
  background: #699f00;
  text-align: center;
  line-height: 100px;
  font-size: 30px;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.touch.feedback {
  background: #38f;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

feedback form using html and css

Custom Touch Feedback On HTML Elements, touchFeedback.js Plugin/Github, feedback form using html and css


See Demo And Download

Official Website(backToNature): Click Here

This superior jQuery/javascript plugin is developed by backToNature. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *