Comments (2)
Ok, I found this - #121
Then another question - how then I style img
if i
is not allowing me to do that? I mean, I want to make it 100% width but I can't, because i
tag appears.
from waves.
Hi @iamdubx, the reason why I put wrapper tag (in this case <i>
on the image because the ripple effect need a container in order to work properly. Without wrapper tag, the ripple will broken.
This is how it looks like when the Waves attached in the <img>
tag.
<i class="waves-effect">
<div class="waves-ripple waves-rippling"></div>
<img src="#" />
</i>
Can you show me an example in jsfiddle of your problem? I suspect you have styling on your <i>
tag that make your image styling is broken. But I will consider to change <i>
with <div>
for the wrapper if it necessary.
from waves.
Related Issues (20)
- provide some method to get (default) options HOT 2
- inline styles from TagWrapper are problematic
- My own crypto on android phone HOT 1
- Please reopen #131, it's still broken (+ solution)
- Any chance Waves will be added to npm registry? HOT 1
- semantic ui dropdown error
- unclear attach docs
- Waves builder (demo) HOT 7
- Current project status
- Waves on enter key?
- How can I remove the shadow?
- Can I change waves color
- AMP version?
- Cannot use import statement outside a module
- Use waves with webpack
- CSS zoom breaks effect origin point
- Choose ripple color depending on background color of button HOT 1
- CSP blocks a line of code HOT 1
- Website is down
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from waves.