Comments (3)
Hello @jayhybrid this has already been discussed in issue #25 and issue #16
It is not the easiest thing to do but it is achievable. Issue #25 describes an approach to achieve a border on the hexagons.
I am closing this issue as it isn't an issue with the grid but rather an alternate layout.
from responsive-grid-of-hexagons.
Thank you for your reply. Since this topic is very important to me and this repository seems to be the only good hexagon grid available, please consider adding this to your documentation:
filter: drop-shadow(0 0 0.2vw #555555);
This allowed me to simply add a shadow. I understand this may not be best practise and only works in modern browsers but for me it worked, and thats all that counts to me. Maybe it will help others too.
from responsive-grid-of-hexagons.
@jayhybrid thank you for the info and happy you found a solution to your issue.
from responsive-grid-of-hexagons.
Related Issues (20)
- border HOT 4
- Grid not displaying on Chrome Mac 56.0.2924.87 (64-bit) HOT 2
- How to make hexagons flat-topped HOT 1
- Hexagon area question or so...? HOT 3
- Less hexagons on odd rows HOT 2
- Hover effect broken HOT 2
- [Question] Using the hexagrid in a div HOT 9
- Hover effect won't close HOT 7
- border instead of background color ? HOT 2
- Fixed height and width hexagons HOT 5
- Blurry Text on hover HOT 15
- How to Replace images? <img src="https://farm8.staticflickr.com/7187/6895047173_d4b1a0d798.jpg" alt="" /> HOT 6
- Responsive grid of hexagons not working with Cold fusion header/footer on site HOT 7
- Using Grid instead of Flex HOT 2
- Show h1 underneath image HOT 2
- The "curtains" of the hexagons do not always close perfectly HOT 7
- Is this repo still maintained? HOT 5
- Increase the spacing between hexagons HOT 1
- Indentation on first row and how to increase the space between hexagons HOT 1
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 responsive-grid-of-hexagons.