Skip to content

Mladenplavsic patch 1 #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mladenplavsic merged 3 commits into from
Jan 7, 2018
Merged

Mladenplavsic patch 1 #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9b88fd6
Update README.md
mladenplavsic Jan 7, 2018
739ba7c
Update index.html
mladenplavsic Jan 7, 2018
286c1f6
Merge pull request #14 from mladenplavsic/mladenplavsic-patch-2
mladenplavsic Jan 7, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@

Main advantage of this solution is that there is no DOM manipulation in order to create animation. That means this is faster - it doesn't use JavaScript or jQuery to animate.

This solution is also implemented in one of the biggest Bootstrap theming libraries [Bootswatch](https://bootswatch.com/) in their [Paper theme](https://bootswatch.com/paper/#buttons).
This solution is also implemented in one of the biggest Bootstrap theming libraries [Bootswatch](https://bootswatch.com/) in their [Materia theme](https://bootswatch.com/materia/#buttons).

![CSS ripple effect example](https://github.com/mladenplavsic/css-ripple-effect/raw/master/docs/images/example-css-ripple-effect.gif "CSS ripple effect example")

* [Demo](https://mladenplavsic.github.io/css-ripple-effect/)
* [Bootswatch Paper theme demo](https://bootswatch.com/paper/#buttons)
* [Bootswatch witn Bootstrap v4-alpha Materia theme demo](https://bootswatch.com/4-alpha/materia/#buttons)
* [Bootswatch Materia theme demo](https://bootswatch.com/materia/#buttons)
* [Bootswatch Paper (Bootstrap v3) theme demo](https://bootswatch.com/3/paper/#buttons)

Supporters
==========

- **BrowserStack**: Live, Web-Based Browser Testing https://browserstack.com
- **BrowserStack**: Live, Web-Based Browser Testing https://browserstack.com
7 changes: 3 additions & 4 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ <h2 id="project_tagline">CSS-only implementation of Android Material design &quo

<p>This solution is also implemented in one of the biggest Bootstrap theming libraries <a
href="https://bootswatch.com/" target="_blank">Bootswatch</a> in their <a
href="https://bootswatch.com/paper/#buttons" target="_blank">Paper theme</a>.</p>
href="https://bootswatch.com/materia/#buttons" target="_blank">Materia theme</a>.</p>

<p>
<a href="#examples">More examples</a>
Expand Down Expand Up @@ -241,9 +241,8 @@ <h2 id="examples">Examples</h2>
<h3>Examples on Bootswatch website</h3>

<ul>
<li><a href="https://bootswatch.com/paper/#buttons" target="_blank">Bootswatch Paper theme demo</a></li>
<li><a href="https://bootswatch.com/4-alpha/materia/#buttons" target="_blank">Bootswatch witn Bootstrap
v4-alpha Materia theme demo</a></li>
<li><a href="https://bootswatch.com/materia/#buttons" target="_blank">Bootswatch Materia theme demo</a></li>
<li><a href="https://bootswatch.com/3/paper/#buttons" target="_blank">Bootswatch Paper (Bootstrap v3) theme demo</a></li>
</ul>

<h2>Supporters</h2>
Expand Down