A small collection of stylish effects with Scss. See also: 10 hover effects with less: http://codepen.io/caraujo/details/VYOjNM
30k views! YAY!
A Pen by Renan C. Araujo on CodePen.
| {"lastUpload":"2021-10-17T19:56:08.781Z","extensionVersion":"v3.4.3"} |
| /* http://meyerweb.com/eric/tools/css/reset/ | |
| v2.0-modified | 20110126 | |
| License: none (public domain) | |
| */ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, |
A small collection of stylish effects with Scss. See also: 10 hover effects with less: http://codepen.io/caraujo/details/VYOjNM
30k views! YAY!
A Pen by Renan C. Araujo on CodePen.
A small collection of stylish effects with Less. See also: 10 hover effcts with scss: http://codepen.io/caraujo/pen/LVPzxO
A Pen by Renan C. Araujo on CodePen.
| Option Explicit | |
| Public Function fxValidarCPF(ByVal CPF As String) As Boolean | |
| 'Declaração de variáveis utilizadas na função de validação | |
| Dim arrDigits(1 To 11) As Byte, digtVer1 As Byte, digtVer2 As Byte, i As Byte | |
| Dim sum1 As Integer, sum2 As Integer | |
| Dim tmp As String | |
| 'Retira todos caracteres que não são números do valor passado |
CSS Grid Layout as masonry with 'grid-auto-flow: dense'.
Look at number of pics and the empty spaces inside grid when initial/dense value changes
Sorry, I don't remember where I saw the idea base of this pen ;-(( Plse, if you know, tell me. Thanks.
Responsiveness and video embeds don't usually play nicely. Putting an end to that here with a fixed aspect-ratio CSS trick.
Also, feel free to entertain yourself with that short film. It's pretty snazzy :D.
Blog post here: http://ramenhog.com/blog/2017/05/09/experiments-in-fixed-aspect-ratios
| <head> | |
| <meta name="viewport" content="width=device-width"> | |
| </head> | |
| <div class="wrap"> | |
| <span class="decor"></span> | |
| <nav> | |
| <ul class="primary"> | |
| <li> | |
| <a href="">Dog</a> | |
| <ul class="sub"> |
| %nav.menu | |
| %input#menu-toggler.menu-toggler{:type => "checkbox", :checked => "checked"} | |
| %label{:for => "menu-toggler"} | |
| %ul | |
| %li.menu-item | |
| %a.fa.fa-facebook{:href => "https://www.facebook.com/", :target => "_blank"} | |
| %li.menu-item | |
| %a.fa.fa-google{:href => "https://www.google.com/", :target => "_blank"} | |
| %li.menu-item | |
| %a.fa.fa-dribbble{:href => "https://dribbble.com/", :target => "_blank"} |