Comments (4)
Hi Hannah,
Of course! Yes I renamed them all to use all 12 in my example.
As you are not very technical I would recommend doing it this way just so it really clearly separates both the effects even though some code would be reused. So copy the first effect you want to use and use it.
Then when you copy the code for effect 12 rename all the references of "hovereffect" to "hovereffect2" in the css and html for hover effect 12
So in your case hovereffect will be effect 6 and hovereffect2 will be effect 12.
If this is still confusing let me know
from bootstrap-image-hover.
That's perfect, thanks. Just have to tweak it all now.
One final question (sorry). On the effect 12 you have the social media icons which seem to be pulling in from somewhere. Do you know how I could get these to work/how I can link to them?
Thank you so much for your speedy response!
Hannah
Date: Thu, 18 Feb 2016 07:15:10 -0800
From: [email protected]
To: [email protected]
CC: [email protected]
Subject: Re: [miketricking.github.io] Combining two effects on one page - CSS clashing (#3)
Hi Hannah,
Of course! Yes I renamed them all to use all 12 in my example.
As you are not very technical I would recommend doing it this way just so it really clearly separates both the effects even though some code would be reused. So copy the first effect you want to use and use it.
Then when you copy the code for effect 12 rename all the references of "hovereffect" to "hovereffect2" in the css and html for hover effect 12
So in your case hovereffect will be effect 6 and hovereffect2 will be effect 12.
If this is still confusing let me know
—
Reply to this email directly or view it on GitHub.
from bootstrap-image-hover.
I think this is what you are looking for:
https://fortawesome.github.io/Font-Awesome/get-started/
I am using font-awesome icons for the social media icons. With my code that you have copied it will work. All you need to do is import the font awesome icons by putting:
In the section of your HTML file
from bootstrap-image-hover.
Thanks for the link- that works perfectly!
Kind regards,
Hannah
Date: Thu, 18 Feb 2016 08:04:14 -0800
From: [email protected]
To: [email protected]
CC: [email protected]
Subject: Re: [miketricking.github.io] Combining two effects on one page - CSS clashing (#3)
I think this is what you are looking for:
https://fortawesome.github.io/Font-Awesome/get-started/
I am using font-awesome icons for the social media icons. With my code that you have copied it will work. All you need to do is import the font awesome icons by putting:
In the section of your HTML file
—
Reply to this email directly or view it on GitHub.
from bootstrap-image-hover.
Related Issues (11)
- How to add other elements to the overlay? HOT 1
- Effect 3, 6 and 13 do not properly work on IE HOT 3
- Effect 1 bottom to top HOT 1
- Add bower support HOT 2
- Not working on ipad/mobile devices HOT 2
- Hover Effect 10 HOT 2
- clashing with .affix nav in BS3 HOT 1
- Hover anchor tag is not working (CSS3 Issue) HOT 2
- Update readme! HOT 2
- Missed period on Effect 13 HOT 2
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 bootstrap-image-hover.