DFF Website

Developer
Hawcubite
Size
10,123 Kb
Views
10,120
  1. DFF Website Previews
  2. DFF Website HTML Codes
  3. DFF Website CSS Codes
  4. DFF Website JS Codes

How do I make an dff website?

What is a dff website? How do you make a dff website? This script and codes were developed by Hawcubite on 14 December 2022, Wednesday.

DFF Website Previews
IQ Test

DFF Website - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>DFF Website</title> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:100'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<div class="wrapper"> <div class="circle"></div> <h1 class="svg-text headline">Die fliegenden Friteusen</h1>
</div>
<div class="wrapper2"> <div class="text-content"> <p><a href="https://www.facebook.com/diefliegendenfriteusen">Facebook</a></p> <p><a href="https://www.instagram.com/die_fliegenden_friteusen">Instagram</a></p> </div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0"> <title>Die fliegenden Friteusen</title> <defs> <clipPath id="dff" clipPathUnits="objectBoundingBox"> <path d="M.02985.55766.01764.5558.00891.55094.00381.54408.00259.53609.00524.527.01141.518l.009-.00834L.03166.5025.04436.49716.0579.49412l.00431-.007L.06481.48254.06613.47936.06662.47666.06814.4746.07089.47671l.0025.00446.00088.0049L.07408.48755.07359.489.07236.49113.07006.4947.076.49755.07972.50186.08153.50662l.00039.004L.08133.51319.08055.51378.07986.51309.07967.51187.07864.50941.0754.50706.07045.5052.06437.50422.05971.51147.056.51775.05338.52339.05221.52854.05064.53109.0478.52937.04515.52525.04417.52059l.001-.00432L.047.5125.04917.50892.05133.5051.03745.51035l-.012.00794L.01681.528.01308.53883.01352.54491l.00265.0052.005.00358L.02877.555.045.55178.06015.5431.07388.53055.08594.51564.096.49985.10369.4848.10879.47205.11085.463.10879.45842.10252.45734.0934.45891.0828.46239.07216.46705.06275.4721.056.47676.05329.48029.05343.48147.05368.48254.05221.483.04922.48083.04628.47725.045.47342.04716.47009.05275.46533.06123.46.07187.45518.08393.4516.09683.45018.10909.45239l.0078.0053.004.00642.001.00549L.119.48274.11281.49711.10359.51177.09192.52584.0782.53839.06295.54849.04667.55521Z"/> <path d="M.15008.49784l.00127-.001L.15258.497.15317.498.15243.5.14993.50348.14508.50976.1388.51736.13193.52471.12536.5302.12.53236.11536.531.11262.5277.11134.52334.11124.519.1132.5129.11732.50539.12218.497.12644.48823.12684.48676.12713.48534l.00059-.001L.129.48392.13105.48465.13321.48681.13478.49039l.00029.005L.13321.50044.12934.50706.12487.51417.12134.52069.12022.52545l.0027.00181L.12718.52452.13434.5175.14257.508ZM.14017.48107.13826.48034.13635.47813.13493.47455.13468.4698.13576.46529l.002-.00294L.14.46077.142.46028l.0024.00054.003.00142.0025.002.00093.0024L.15017.46877.1487.47048l-.002.00211L.14449.47578l-.00177.003-.001.00157L.14105.481Z"/> <path d="M.185.49833.18626.4973l.00123,0L.18808.49843l-.00074.002L.18469.50387.1793.51015.17214.5177.16415.525.15621.5304l-.007.00216L.14449.531.14125.52741.13978.5204.14154.51152.1461.503.15233.49539.159.48921.16518.48509.16969.48362.17185.48406.17405.48568.17582.489.17655.4947.175.49985.171.50544.16552.51089.15964.51559.15434.51888.15066.5201.14949.52344.14973.52569l.0024.001L.1588.52408l.009-.00667L.17714.50829ZM.16871.49578.167.49667.16474.499.16209.50235.15929.50608l-.007.0103L.161.50986.16675.50314.16939.49789Z"/> <path d="M.25226.49765l.00127-.001.00118,0L.25525.49774l-.00074.002-.002.00265L.249.50686.244.51226.23823.5177.23206.52231.22588.5251.22205.53373.21774.54261.21318.55094l-.00451.007L.2045.56266.201.56443.19636.56266.19455.55805.19469.55153.19607.54413l.00378-.011L.207.51755.21122.50834.21833.49564.22661.48132.23451.4673.24044.45548.24275.44783.2442.44695.2474.44837l.0032.00382L.25206.45832.24978.46538l-.00584.011L.23608.48946.22774.50284.23.50471.231.5078.23078.51147.22985.51481.22823.51922.228.51971.23269.51736.239.51265.24585.506ZM.20421.5556.20754.55281.21205.5457.217.536.22147.52559.21906.52471.21725.52314.21146.5356.207.54594.2044.553ZM.22372.51951.22607.51074.22519.50726.22088.51589.222.518Z"/> <path d="M.25069.53256.24627.53133l-.0026-.003L.24245.52447.24216.52059.24368.51471.2477.506.25338.49534.25991.48372.26643.4721.27211.46146l.004-.00868L.27766.447l.00146-.001.0032.00142.0032.00382L.287.45754.28518.46337.28047.47259.27393.484.26672.49618.26.50789l-.0052.01-.00245.007.00132.0026L.25794.52461.2653.51741.27378.5078.28134.49765l.00121-.001.00121,0L.2843.49774l-.00073.002L.2811.50324.27618.50961.26971.51731.2627.52476.25608.53035Z"/> <path d="M.30953.49784.3108.49686.312.497.31261.498.31188.5.30938.50348.30452.50976.29825.51736.29138.52471.28481.5302.27942.53236.27481.531.27207.5277.27079.52334.27069.519.27265.5129.27677.50539.28163.497.28589.48823.28628.48676.28658.48534l.00059-.001L.28844.48392.2905.48465.29266.48681.29423.49039l.00029.005L.29266.50044.28878.50706.28432.51417.28079.52069.27967.52545l.0027.00181L.28663.52452.29379.5175.302.508ZM.29962.48107.29771.48034.2958.47813.29437.47455.29413.4698.29521.46529l.002-.00294L.29942.46077.30148.46028l.0024.00054.003.00142.0025.002.00093.0024L.30962.46877.30815.47048l-.002.00211L.30394.47578l-.00177.003-.001.00157L.3005.481Z"/> <path d="M.34444.49833.34571.4973l.00123,0L.34753.49843l-.00074.002L.34414.50387.33875.51015.33159.5177.3236.525.31565.5304l-.007.00216L.30394.531.3007.52741.29923.5204.301.51152.30555.503.31178.49539.3185.48921.32463.48509.32914.48362.3313.48406.3335.48568.33527.489.336.4947.33443.49985l-.004.00559L.325.51089.31909.51559.31379.51888.31011.5201.30894.52344.30918.52569l.0024.001L.31825.52408l.009-.00667L.33659.50829ZM.32816.49578.32649.49667.32419.499.32154.50235.31874.50608l-.007.0103L.32041.50986.3262.50314.32884.49789Z"/> <path d="M.39347.49823.39469.4972l.00123,0L.39646.49833l-.00074.002L.39332.50343.38861.50917l-.00618.007-.00682.007L.3689.52888.36317.53217.363.53246.36081.53619.35208.54884l-.01.01093L.33129.56742.32.57031.317.56972.31418.56791.312.56487.3109.5607.31227.55791.31619.55448.32178.55075.32825.54707.346.53834.34777.53609l.002-.00314L.35194.52927.35414.5255.35924.51608.35238.52422l-.00279.003-.0027.0026L.34458.53168.34287.53236.33983.53153.33664.52922.334.52564.33267.52089.33389.51417.338.50618.344.498.351.49068.35812.48549l.00623-.002.004.00162.003.00353L.373.4922.37258.49382.36782.49524.36243.499.35689.50441.35179.51054.34757.51667.34468.52206.3436.52584.34493.52726.34728.52559.3513.52138.35606.51579.36052.51005.36366.50539.36454.50294.36513.50226.36768.50309l.00284.0025L.37209.5099.37077.51657.3663.52648.37194.52211.37925.5152.38685.50686ZM.31688.564.3207.5631.32492.5607.32919.55732.33326.55345.34247.54285.32786.5508.32252.554.31786.557.31457.55948.31345.56129l.00113.002Z"/> <path d="M.42857.49833.42985.4973l.00123,0L.43166.49843l-.00074.002L.42828.50387.42289.51015.41573.5177.40774.525.39979.5304l-.007.00216L.38807.531.38484.52741.38337.5204.38513.51152.38969.503.39592.49539.40264.48921.40877.48509.41328.48362.41543.48406.41764.48568.41941.489.42014.4947.41857.49985l-.004.00559L.40911.51089.40322.51559.39793.51888.39425.5201.39308.52344.39332.52569l.0024.001L.40239.52408l.009-.00667L.42073.50829ZM.4123.49578.41063.49667.40832.499.40568.50235.40288.50608l-.007.0103L.40455.50986.41033.50314.413.49789Z"/> <path d="M.44554.53256.44078.52908.43887.52.43951.51643.44117.51221.44348.50765.44613.503.45338.49215.45.49461.44382.50078.43652.509.4295.5177.42421.52506.4221.52946l-.001.003L.41877.53126l-.0023-.004L.41543.52167.41685.51677.42043.51039.42514.50324.42985.496.43343.48921.43485.48353.436.4823.43843.48362.44088.48745.442.49363.44147.49691.44034.49941.43867.50167.448.49265.45167.48931.4551.48637.458.48431.45986.48353l.0023.00083L.46388.48661.465.4898.46535.49333.46368.4975.45956.50431.45441.51221.44966.51966l-.003.00559L.44691.52746.45265.52461.4603.51741.46849.50775.47584.49755l.00123-.001.00123,0L.47883.49765.4781.49961.47564.50314.47089.50951.46471.51721.45785.52467.45118.53031Z"/> <path d="M.49908.52746.50335.52471.5106.5177.51894.50829.52644.49823.52772.4972l.00123,0L.52953.49833l-.00074.002L.52629.50378.52139.51005.515.5176.5081.52491.50153.5304.49614.53256.49276.53192.48991.52981.4879.52589.48712.51991.48172.52628.47707.5306l-.004.002L.46971.53192.46633.52981.46373.526.4627.5204.46446.513.46912.505.47564.49711.48295.49039.49.48568.49565.48392.5.48485l.00284.002L.50467.4897.51536.47186l.004-.00691L.52276.45847.52522.45322.52615.44989.52747.44832.53031.44886.53316.45239.53448.4597.53267.46587.528.475l-.00652.011L.51418.49779.50727.509.50173.51844.49864.525ZM.47476.52775.47917.5251.48555.51849.49246.50986.49839.50123.50178.49461.50114.492.49746.49377.492.49853.48579.50525.48.5129.47564.52045.474.527l.0001.00039Z"/> <path d="M.56174.49833.563.4973l.00123,0L.56483.49843.5641.50039.56145.50387.55606.51015.5489.5177.5409.525.533.5304l-.007.00216L.52124.531.518.52741.51654.5204.5183.51152.52286.503.52909.49539.5358.48921.54193.48509.54645.48362.5486.48406.55081.48568.55257.489.55331.4947.55174.49985l-.004.00559L.54228.51089.53639.51559.5311.51888.52742.5201.52624.52344.52649.52569l.0024.001L.53556.52408l.009-.00667L.5539.50829ZM.54546.49578.5438.49667.54149.499.53885.50235.53605.50608l-.007.0103L.53772.50986.5435.50314.54615.49789Z"/> <path d="M.57871.53256.574.52908.572.52.57268.51643.57434.51221.57665.50765.5793.503.58655.49215.58312.49461.577.50078.56969.509.56267.5177.55738.52506.55527.52946l-.001.003L.55194.53126l-.0023-.004L.5486.52167.55.51677.5536.51039.55831.50324.563.496.5666.48921.568.48353.56915.4823.5716.48362.574.48745.57518.49363.57464.49691.57351.49941.57184.50167l.00932-.009L.58484.48931.58827.48637.59116.48431.593.48353l.0023.00083L.597.48661.59812.4898.59852.49333.59685.4975.59273.50431.58758.51221.58283.51966l-.003.00559L.58008.52746.58582.52461.59347.51741.60165.50775.609.49755l.00123-.001.00123,0L.612.49765l-.00074.002L.60881.50314.60406.50951.59788.51721.591.52467.58435.53031Z"/> <path d="M.71982.44773.72389.45313.72482.45862l-.003.00466-.00593.003L.7083.46764.7004.46754.69192.466.68422.46342.68275.46274.68138.462.67922.466.67653.47063.67373.47534.67128.47941.671.4799.67363.48058.67505.48107.67795.48191l.004.00078L.68658.483.68883.48274.68932.48264.6904.48245.69168.483.69182.484.69133.48558l-.002.002L.68481.4899.68246.49039.67952.49059l-.00348,0L.67393.49034.67152.4898.66716.48862.66559.48833.6653.48862.65711.502.6498.51486.64461.5255.64274.53217l-.001.00108L.63931.53192.63676.52839.63539.52275.63553.51937.63647.51589.63833.51162l.003-.00574.008-.01334L.65176.48892.65206.48843.65118.48833.651.48813.65073.48764.65039.48686l0-.00245L.65176.482.65417.4798l.003-.00157.002-.00049.0001-.0001.0002-.0002L.66074.47578.66206.47411.665.4697.6678.465.6703.46053l.002-.00358L.66888.45523.66118.45165.65049.44719.63828.44273.626.43935.61509.438A.03.03,0,0,0,.59773.44239.01537.01537,0,0,0,.591.45469L.59283.462.59714.467.60489.47136.61322.47313.62264.47048.62627.46332.62421.45754.62043.45582.61754.45548H.61744L.62014.45263.6248.45175.631.45283l.0052.00275L.63941.46225l-.00235.007L.63122.47543.62244.47985.61136.48156.6018.4798.593.4748.58626.46641.5842.45666.5868.4468.59342.43812.604.432.61823.42969l.00986.001.01133.0027L.65118.43714.66226.44121.67157.445.678.44783.6805.44611.68623.44351.69462.44141.705.44126.71315.44332ZM.72031.4546.71948.45111.71443.44783.71065.44655.70688.446.69977.44641.69383.44852.68815.45195.68795.45234l.00039.0002L.69271.45445.69727.45626l.0048.00132.0053.00054L.71183.45793.7158.45729l.003-.00113Z"/> <path d="M.73306.49823.73428.4972l.00123,0L.73605.49833l-.00074.002L.73286.50378.72806.51005.72178.5176.71492.52491.70835.5304.703.53256.69834.53148.6956.52873.69423.525.69383.52089l.00132-.005L.69839.50976l.004-.00682L.70609.496.70055.49779.69315.49873.69074.49833.68824.49662.68628.49284.6855.48627.68741.47573.69217.46739.6982.462.70393.46.70864.46166l.002.00471L.71.4698.70844.47387.70624.47823.70374.48254.697.49274.70374.48921.70889.48656.71217.4848l.002-.00123L.71629.48392.7184.48563.7211.48853.72262.49215.72129.496.721.49632.7207.49667.71727.50127.71276.50765.70825.51456.70487.52094.70369.52564.7059.52746v.0001L.71016.52481.71732.5178.72556.50834ZM.693.48588.6932.48823.69383.4899l.001.00137L.69893.48377.70236.47745.70413.47308.70325.47146.70021.473.69682.47686.69408.48161Z"/> <path d="M.76179.49784l.00127-.001L.76429.497.76488.498.76415.5.76165.50348.75679.50976.75051.51736.74365.52471.73708.5302.73169.53236.72708.531.72433.5277.72306.52334.723.519.72492.5129.729.50539.73389.497.73816.48823.73855.48676.73885.48534l.00059-.001L.74071.48392.74277.48465.74493.48681.74649.49039l.00029.005L.74493.50044.74105.50706.73659.51417.73306.52069.73193.52545l.0027.00181L.73889.52452.74605.5175.75429.508ZM.75189.48107.75.48034.74806.47813.74664.47455.7464.4698.74747.46529l.002-.00294L.75169.46077.75375.46028l.0024.00054.003.00142.0025.002.00093.0024L.76189.46877.76042.47048l-.002.00211L.7562.47578l-.00177.003-.001.00157L.75277.481Z"/> <path d="M.8173.47607v.002L.81641.47892.81485.47911.81372.47656.81038.47372.805.47141.79778.47048H.79469l-.003.0001L.78494.4824.77748.495.77042.50721.765.51755.76233.52476l.00123.0027L.76792.52471l.0074-.007L.78381.50829.79141.49823.79263.4972l.00123,0L.7944.49833l-.00074.002L.79116.50378l-.005.00628L.77974.5176l-.007.00731L.76606.5304.76062.53256.7562.53143.7536.52864.75238.525.75208.52118.75316.51652.7561.50966.76047.50118.76571.49162.77135.48151.777.47146.7717.47166H.766L.759.47092.75429.469.7513.46636.74963.46342l0-.00314L.75169.46077.75748.464.7662.46538.77439.46514.78072.4646l.006-.01226L.78905.44459l.00147-.001L.79381.445.7971.44886.79857.45509.79768.45871.79513.46421H.798L.806.46533.81171.46818.81538.472Z"/> <path d="M.82642.49833.82769.4973l.00123,0L.82951.49843l-.00074.002L.82612.50387.82073.51015.81357.5177.80558.525.79763.5304l-.007.00216L.78592.531.78268.52741.78121.5204.783.51152.78753.503.79376.49539.80048.48921.80661.48509.81112.48362.81328.48406.81548.48568.81725.489.818.4947.81641.49985l-.004.00559L.807.51089.80107.51559.79577.51888.79209.5201.79092.52344.79116.52569l.0024.001L.80023.52408l.009-.00667L.81857.50829ZM.81014.49578.80847.49667.80617.499.80352.50235.80072.50608l-.007.0103L.80239.50986.80818.50314.81082.49789Z"/> <path d="M.84534.53256.84088.53069.83823.52628.83764.52094.83936.51618.83279.52442l-.00284.003L.827.53006.82416.53187.82171.53256.81862.532.81592.53.81411.52678.81367.522.81514.51746.81852.51118.82284.50392.82715.49647.83053.48965.8321.48411.83362.48343l.003.00137L.83955.48809.84063.49314l-.002.00534L.83446.50579.82941.51373.82494.521.82244.52638l.001.00206L.82671.52594.833.51942l.0077-.009L.84823.50054.85407.49122.85662.484.858.48353.86093.48524.86368.48887l.001.00525L.8628.49941.85868.50657.85377.51432.84936.52138.84686.52653l.00083.002L.8502.52721.85426.52358.85941.51824.8651.51182.87069.505.87555.49814l.00123-.001L.878.49725l.00054.001L.8778.5002.8753.50368.87045.51.86417.51755.8573.52481.85073.53035Z"/> <path d="M.913.49765l.00127-.001.00123,0L.91609.49774l-.00074.002-.002.00294L.90943.50682.903.51108.89349.51422V.51491L.89182.52383.88795.52917.88315.53182.87868.53256.87623.53212.873.53069.87025.528.86907.524.86971.52118.87143.51878l.00245-.002L.87672.5153.88437.51275l.00078-.007L.88535.49887.88467.49137.88457.491V.49L.88123.49529.87741.50088.876.502.87481.50181.87432.50074.87486.49912.87775.4948.88094.4897.88383.48441.88574.4796.88633.47749.88717.47524.8882.47372H.88947L.89182.47553.89472.47818.89717.48156l.001.00392L.89751.48887.896.49265.89442.49917.89349.51089.90457.50637Zm-.0407.027L.87373.527.87707.52687.881.52358.88427.51628l-.006.00216L.87417.521Z"/> <path d="M.94723.49833.9485.4973l.00123,0L.95032.49843l-.00074.002L.94694.50387.94154.51015.93438.5177.92639.525.91845.5304l-.007.00216L.90673.531.90349.52741.902.5204.90379.51152.90835.503.91457.49539.92129.48921.92742.48509.93193.48362.93409.48406.9363.48568.93806.489.9388.4947.93723.49985l-.004.00559L.92776.51089.92188.51559.91658.51888.91291.5201.91173.52344.912.52569l.0024.001L.921.52408.93.51741.93938.50829ZM.931.49578.92928.49667.927.499.92433.50235.92154.50608l-.007.0103L.9232.50986.929.50314.93164.49789Z"/> <path d="M.96419.53256.95944.52908.95752.52.95816.51643.95983.51221.96213.50765.96478.503.972.49215.96861.49461.96248.50078.95517.509.94816.5177.94286.52506.94076.52946l-.001.003L.93742.53126l-.0023-.004L.93409.52167.93551.51677.93909.51039.9438.50324.9485.496.95208.48921.9535.48353.95463.4823.95708.48362.95954.48745.96066.49363.96012.49691.959.49941.95733.50167l.00932-.009L.97032.48931.97375.48637.97665.48431.97851.48353l.0023.00083L.98253.48661.98361.4898.984.49333.98234.4975.97822.50431.97307.51221.96831.51966l-.003.00559L.96557.52746.9713.52461.979.51741.98714.50775.99449.49755l.00123-.001.00123,0L.99749.49765l-.00074.002L.9943.50314.98954.50951.98337.51721.9765.52467.96983.53031Z"/> </clipPath> </defs>
</svg> <script src="js/index.js"></script>
</body>
</html>

DFF Website - Script Codes CSS Codes

/* SVG-Filter, CSS blur and CSS animation is a deadly buggy combination right now. The title must not be blurred, but I can't do anything (nice) about it. */
html, body { height: 100%; width: 100%; margin: 0; background: #222; overflow: hidden;
}
.svg-text { -webkit-clip-path: url(#dff); clip-path: url(#dff); width: 80vw; height: 80vw; position: absolute; top: calc(50% - 20px); left: 50%;
}
.headline { background-color: #333; background: url("https://media.giphy.com/media/l3vRbTrGdpZrjjco8/source.gif"), rgba(255,255,255,.75); background-size: 100% auto; background-blend-mode: screen; /* Background credit: Michael Shillingburg */ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 3; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(15px); filter: blur(15px);
}
.wrapper { -webkit-transform: translateY(0%); transform: translateY(0%); height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 10s 12s transform; transition: 10s 12s transform;
}
.loaded .wrapper { -webkit-transform: translateY(-25%); transform: translateY(-25%);
}
.wrapper2 { -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; width: 100%; position: absolute; top: 100%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: 10s 14s transform, 10s 14s opacity; transition: 10s 14s transform, 10s 14s opacity;
}
.loaded .wrapper2 { -webkit-transform: translateY(-75%); transform: translateY(-75%); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.text-content { position: absolute; top: calc(70px + 15vw); left: 50%; width: 80vw; max-width: 480px; max-width: 30rem; max-height: 960px; max-height: 60rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 24px; font-size: 1.5rem; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: center;
}
.text-content a,
.text-content a:hover,
.text-content a:focus,
.text-content a:active { color: #fff; text-decoration: none;
}
.text-content a:hover,
.text-content a:active { text-decoration: underline;
}
.text-content p { margin: 0; padding: 20px 0;
}
.wrapper:before,
.wrapper:after { content: ""; -webkit-clip-path: url(#dff); clip-path: url(#dff); width: 80vw; height: 80vw; position: absolute; top: calc(50% + 2px); left: 50%; background-color: #333; background: url("https://media.giphy.com/media/l3vRbTrGdpZrjjco8/source.gif"), #0ff; background-size: 100% auto; background-blend-mode: multiply; /* Background credit: Michael Shillingburg */ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(15px); filter: blur(15px); z-index: 2;
}
.wrapper:after { top: calc(50% + 4px); background: #333; z-index: 1;
}
.circle { position: absolute; top: 50%; left: 50%; height: 30vw; width: 30vw; border-radius: 100%; background-blend-mode: hard-light; background: -webkit-linear-gradient(top, #7800ff, #ffada5), #666; background: linear-gradient(to bottom, #7800ff, #ffada5), #666; /*url("https://media.giphy.com/media/JUNvyiOUZxAli/giphy.gif"),*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-animation: move-circle 22s 1; animation: move-circle 22s 1; /*opacity: 0; transition: top 10s, opacity 10s linear;*/
}
/*
.loaded .circle { top: 50%; opacity: 1;
}
*/
.circle:after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 100%; background: -webkit-linear-gradient(bottom, rgba(255,255,0,.5), rgba(255,255,255,0), rgba(255,255,0,.5)); background: linear-gradient(0deg, rgba(255,255,0,.5), rgba(255,255,255,0), rgba(255,255,0,.5)); background-size:100% 50%; -webkit-animation: move-line 3s linear infinite; animation: move-line 3s linear infinite; mix-blend-mode: multiply; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(5px); filter: blur(5px);
}
@media (min-width: 800px) { .text-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@-webkit-keyframes move-circle {	0% { top: 70%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }	50% { top: 47%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	60% { top: 47%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	100% { top: 50%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
}
@keyframes move-circle {	0% { top: 70%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }	50% { top: 47%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	60% { top: 47%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	100% { top: 50%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
}
@-webkit-keyframes move-line {	from { background-position: 0 0; }	to { background-position: 0 -100%; }
}
@keyframes move-line {	from { background-position: 0 0; }	to { background-position: 0 -100%; }
}
/* Not useable, Chrome cannot handle CSS animation and clip-path at once
@keyframes circle-fadein { 0% { opacity: 0; transform: translateX(-50%) translateY(0%); filter: blur(15px); } 100% { opacity: 1; transform: translateX(-50%) translateY(-50%); filter: blur(0px); }
}
*/

DFF Website - Script Codes JS Codes

window.onload = function() { document.body.className += " loaded";
}
DFF Website - Script Codes
DFF Website - Script Codes
Home Page Home
Developer Hawcubite
Username hawcubite
Uploaded December 14, 2022
Rating 3
Size 10,123 Kb
Views 10,120
Do you need developer help for DFF Website?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Hawcubite (hawcubite) Script Codes
Name
Full CSS Resizing Tiles
A Pen by hawcubite
Vue.js Tutorial
Testing 3D text in CSS
Radial Image Preview
Color Picker Cube
Transitional Hover-Boxes
Organic responsive rounded container
Table scroll shadows
LastFM Scrobbling Notifications
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!