What do you want to save?
Add Code snippet
New code examples
-
Javascript 2022-03-20 04:30:10
profile Image Picture Preview
<---------------------------------- HTML -------------------------------> <div class="container"> <div class="picture-container"> <div class="picture"> <img src="https:/... Add solution -
CSS 2022-02-20 13:10:06
css backdrop filter
/* Keyword value */ backdrop-filter: none; /* URL to SVG filter */ backdrop-filter: url(commonfilters.svg#filter); /* <filter-function> values */ backdrop-filter: blur(2px); backdrop-filter: brightness(60%); backdrop-filter: contrast(40%); backdro... Add solution -
TypeScript 2022-01-28 16:55:22
how to css after elements for background overlays
.banner::after { content: ""; // ::before and ::after both require content position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(120deg, #eaee44, #33d0ff); opacity: .7;} Add solution -
TypeScript 2022-01-26 05:31:20
react functional components modal
import React, { useEffect } from "react";import { createPortal } from "react-dom";import styled from "styled-components";import PropTypes from "prop-types"; const Portal = ({ children }) => { const modalRoot = ... Add solution -
CSS 2022-01-22 23:16:02
popup div box design in css examples
adding: 10px; color: #fff; border: 2px solid #06D85F; border-radius: 20px/50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out; } .button:hover { background: #06D85F; } .overlay { position: fixed; top: 0; bottom... Add solution -
CSS 2021-11-19 00:29:17
css scroll down with down arrow
<div class="mouse"> <div class="mouse-icon"> <span class="mouse-wheel"></span> </div> </div> <style> .mouse { margin: 50px auto; width: 100px; } .mouse-icon { w... Add solution -
Javascript 2021-11-18 14:35:40
javascript chat box
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial, Helvetica, sans-serif;} * {box-sizing: border-box;} .open-button { ba... Add solution