Just trying out the CSSTransitionGroup add-on!
A Pen by Andy Pagès on CodePen.
chibaye chibaye
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
| <h1>Pure CSS Accordion <sup>2.0</sup></h1> | |
| <div class="row"> | |
| <div class="col"> | |
| <h2>Open <b>multiple</b></h2> | |
| <div class="tabs"> | |
| <div class="tab"> | |
| <input type="checkbox" id="chck1"> | |
| <label class="tab-label" for="chck1">Item 1</label> | |
| <div class="tab-content"> | |
| Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis! |
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
| <svg width="200" height="200" viewbox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"> | |
| <circle cx="20" cy="20" fill="none" r="10" stroke="#383a36" stroke-width="2"> | |
| <animate attributeName="r" from="8" to="20" dur="1.5s" begin="0s" repeatCount="indefinite"/> | |
| <animate attributeName="opacity" from="1" to="0" dur="1.5s" begin="0s" repeatCount="indefinite"/> | |
| </circle> | |
| <circle cx="20" cy="20" fill="#383a36" r="10"/> | |
| </svg> |
chibaye
/ pulsate_path.css
Created
May 7, 2019 18:59
— forked from lorenzoplanas/pulsate_path.css
Pulsating SVG Path
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
| .pulsate path { | |
| stroke: #2980b9; | |
| -webkit-animation: pulsate 5s ease-out; | |
| -webkit-animation-iteration-count: infinite; | |
| -moz-animation: pulsate 5s ease-out; | |
| -moz-animation-iteration-count: infinite; | |
| -ms-animation: pulsate 5s ease-out; | |
| -ms-animation-iteration-count: infinite; | |
| animation: pulsate 5s ease-out; | |
| animation-iteration-count: infinite; |
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> | |
| <svg width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> | |
| <animate | |
| xlink:href="#back" | |
| attributeName="r" | |
| from="5.3" | |
| to="6.5" | |
| dur="1s" | |
| begin="0s" |
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
| <h2>JS: Print content of div</h2> | |
| <div class="hidden"> | |
| <div id="printDiv"> | |
| <h3>This will be printed</h3> | |
| </div> | |
| </div> | |
| <div> | |
| <h3>This won't be printed</h3> |
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
| <!-- | |
| Simplified version of this https://esausilva.com/2016/01/29/move-items-between-two-listbox-using-jquery-html-select-tag/ but using only vanilla JavaScript in script tag | |
| --> | |
| <div class="subject-info-box-1"> | |
| <select multiple="multiple" id='lstBox1' class="form-control"> | |
| <option value="ajax">Ajax</option> | |
| <option value="jquery">jQuery</option> | |
| <option value="javascript">JavaScript</option> | |
| <option value="mootool">MooTools</option> | |
| <option value="prototype">Prototype</option> |
chibaye
/ html5-dynamic-generate-thumbnail.markdown
Created
May 16, 2019 19:30
HTML5 Dynamic generate thumbnail
A Pen by Renan Pupin on CodePen.
chibaye
/ domain.tld.conf
Created
May 20, 2019 15:11
— forked from natanfelles/domain.tld.conf
Nginx Virtual Host example to work on localhost
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
| # Location: /etc/nginx/sites-available/domain.tld.conf | |
| server { | |
| listen 80; | |
| # listen 443 ssl; | |
| # include snippets/snakeoil.conf; | |
| root /var/www/domain.tld/public; | |
| index index.html index.php; |
chibaye
/ Setting up Nginx on Your Local System.md
Created
May 20, 2019 15:11
— forked from netpoetica/Setting up Nginx on Your Local System.md
Setting up Nginx on Your Local System
#Setting up Nginx on Your Local System ###by Keith Rosenberg
##Step 1 - Homebrew The first thing to do, if you're on a Mac, is to install homebrew from http://mxcl.github.io/homebrew/
The command to type into terminal to install homebrew is:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"