I created this pen with My Mobile. I will try to add more things but Its complicated in mobile Text editor !!
Shaswat Raj SH20RAJ
🎯
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
| <form id="content"> | |
| <input type="text" name="input" class="input" id="search-input"> | |
| <button type="reset" class="search" id="search-btn"></button> | |
| </form> |
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
| <div class="container" x-data="{ rightSide: false, leftSide: false }"> | |
| <div class="left-side" :class="{'active' : leftSide}"> | |
| <div class="left-side-button" @click="leftSide = !leftSide"> | |
| <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> | |
| <svg stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"> | |
| <path d="M19 12H5M12 19l-7-7 7-7"/> | |
| </svg> | |
| </div> | |
| <div class="logo">ULTRANET</div> | |
| <div class="side-wrapper"> |
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
| <div id="search-bar" class="search-bar"> | |
| <input type="text" /> | |
| <div id="close" class="toggle"></div> | |
| </div> | |
| <p> | |
| Inspired by <a href="https://dribbble.com/shots/1992789-Search?list=buckets&offset=0" target="_blank">this dribbble</a> | |
| </p> |
SH20RAJ
/ fb-s-massenger-clone-font-end-only.markdown
Created
October 31, 2020 09:35
Fb's Massenger Clone(font-end only)
Pure CSS3. No scripts. No images. No SVG.
CSS3 browser testbed is available at http://rassadin.github.com/css3-experiments/wall-clock/
The wall clock shows current GMT time. Time is set up with CSS constructed by server.
SH20RAJ
/ a-digital-clock-with-vue-js.markdown
Last active
November 1, 2020 09:23
Digital Clock with Vue.js
SH20RAJ
/ a-web-developer-workspace-full-css.markdown
Created
October 31, 2020 11:08
Web Developer Workspace Full CSS
Full Project include scss file: https://github.com/Arbaoui-Mehdi/web-developper-workspace-full-css
recreating the function of this watch
doesn't work on FF