A Pen by Vitor Siqueira on CodePen.
Ashar20
This file contains hidden or 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
| <div class='flx'> | |
| <div class='demo-content'> | |
| <div class="nshare"> | |
| <a class="nshare-item nshare-fb" href="#"> | |
| <i class="fab fa-facebook"></i> | |
| </a> | |
| <a class="nshare-item nshare-tt" href="#"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a class="nshare-item nshare-pt" href="#"> |
This file contains hidden or 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
| <div class="Ebram"> | |
| <div class="ebramheading"> | |
| Follow Me On | |
| <p>Facebook, Rss, Google Plus, Twitter, Youtube, Email</p> | |
| </div> | |
| </div> | |
| <div class="socialicons"> | |
| <a href="#" class="rssicon" target="_blank" rel="nofollow"><i class="fa fa-rss" aria-hidden="true"></i></a> | |
| <a href="#" class="twittericon" target="_blank" rel="nofollow"><i class="fa fa-twitter" aria-hidden="true"></i></a> |
Ashar20
/ 100-days-css-button-n-045.markdown
Created
February 19, 2021 11:12
100 days css Button N° 045
Ashar20
/ image-gallery-with-css-grid-flexbox.markdown
Created
February 19, 2021 10:25
Image Gallery with CSS Grid & Flexbox
This pen shows how CSS Grid (with flexbox fallback) can be used to create a responsive image gallery with no media queries.
A Pen by George W. Park on CodePen.
Ashar20
/ 3d-css-parallax-depth-effect.markdown
Created
February 18, 2021 16:10
3D CSS Parallax Depth Effect
Playing with CSS translate and rotate transforms based on mousemove (sorry mobile users 😅) to simulate some z-axis depth on the card and individual movie characters.
Thanks @alice-mx for improving the calcValue math
A Pen by Adrian Payne on CodePen.
Ashar20
/ bootstrap-navbar-with-logo-centered-above.markdown
Created
February 17, 2021 21:57
Bootstrap Navbar with Logo Centered Above
Ashar20
/ bootstrap-navbar-with-logo-centered-above.markdown
Created
February 5, 2021 19:30
Bootstrap Navbar with Logo Centered Above
This file contains hidden or 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
| <link href="https://fonts.googleapis.com/css?family=Archivo+Black&display=swap" rel="stylesheet"> | |
| <p class="logo-1"> | |
| Neon lights | |
| </p> | |
NewerOlder