SvyatoslavPozhydaev
/ MagnificPopupModal.vue
Created
December 18, 2018 13:48
— forked from mishterk/MagnificPopupModal.vue
Magnific Popup component for VueJS. Modified version of https://gist.github.com/antixrist/11f7d78fe680eb3bc15203a940b6b4f8
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <div class="Modal mfp-hide" ref="modal"> | |
| <div class="Modal__inner"> | |
| <slot></slot> | |
| </div> | |
| </div> | |
| </template> |
ayamflow
/ gist:b602ab436ac9f05660d9c15190f4fd7b
Created
May 9, 2016 19:10
Safari border-radius + overflow: hidden + CSS transform fix
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Add on element with overflow | |
| -webkit-mask-image: -webkit-radial-gradient(white, black); |
ocean90
/ box-shadow.html
Last active
April 11, 2024 13:54
CSS3 Box Shadow, only top/right/bottom/left and all
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Box Shadow</title> | |
| <style> | |
| .box { | |
| height: 150px; | |
| width: 300px; | |
| margin: 20px; |