Just an CSS-only experiment that I wanted to share. =) I'm still improving it.
Tested on Google Chrome, Firefox and Opera.
Check out on CodePen.
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
| for (var n = 0; n < 100; n++) { | |
| var word = '' | |
| if (n % 3 === 0) word += 'Fizz' | |
| if (n % 5 === 0) word += 'Buzz' | |
| console.log(word || n) | |
| } |
diessica
/ Floating-labels-with-CSS-only.markdown
Last active
December 28, 2015 10:49
diessica
/ verificar.js
Last active
December 22, 2015 23:09
A simple help to topic https://www.facebook.com/groups/javascriptbrasil/permalink/511054952319536/
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
| function verificar() { | |
| var dados = document.getElementById("dados"), | |
| t1 = document.getElementById("t1").value, | |
| t2 = document.getElementById("t2").value, | |
| t3 = document.getElementById("t3").value; | |
| if (t1 == t2 && t2 == t3 && t1 == t3) { | |
| dados.triangulo.value = "Isosceles"; | |
| } | |
diessica
/ A fixed side or corner box.markdown
Created
September 3, 2013 04:13
A solution for fixed side/corner box with only HTML/CSS.
Opened with :hover.
See the result of this example on CodePen.
NewerOlder